@instructure/quiz-core 20.37.1 → 20.38.0

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/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/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';
@@ -170,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;
   }
@@ -241,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,
@@ -274,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/reducers/modifications.js

@@ -73,9 +73,12 @@ export default (function () {
           quizEntries: [TEMPORARY_QUIZ_ENTRY_ID]
         };
         var stateWithStimulusQuizMods = updateObjectOfType(state, action.payload.quizId, stimulusQuizMods, 'quizzes');
-        var tempStimulus = new Stimulus({
-          id: TEMPORARY_STIMULUS_ID
-        }).toJS();
+        var tempStimulus = new Stimulus(_objectSpread({
+          id: TEMPORARY_STIMULUS_ID,
+          passage: action.payload.isPassage
+        }, action.payload.isPassage && {
+          orientation: 'top'
+        })).toJS();
         var stateWithStimulusMods = updateObjectOfType(stateWithStimulusQuizMods, TEMPORARY_STIMULUS_ID, tempStimulus, 'stimuli');
         var stimulusPosition = action.payload.position === 0 ? 0.9 : action.payload.position - 0.1;
         var stimulusQuizEntryMods = {

package/es/common/util/warningHelpers.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import partial from 'lodash/partial';
 import { Text } from '@instructure/ui-text';
+import { View } from '@instructure/ui-view';
 import t from '@instructure/quiz-i18n/es/format-message';
 var propsForVersioningWrapper = function propsForVersioningWrapper(copyDescription, immutableDescription, isImmutable, shouldClone, setShouldClone, switchOffEditing, isEditing) {
   var alertType = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : 'warning';
@@ -82,12 +83,21 @@ export var propsForItemBankEntryEditPrompt = function propsForItemBankEntryEditP
   }, /*#__PURE__*/React.createElement("b", null, t('Banked Item.')), "\xA0", t('Some options and the points value can be changed here but editing must take place within the bank.'))]));
 };
 export var propsForStimulusBankEntryEditPrompt = function propsForStimulusBankEntryEditPrompt() {
-  for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-    args[_key5] = arguments[_key5];
-  }
-  return propsForBankEntryEditPrompt.apply(void 0, args.concat([/*#__PURE__*/React.createElement(Text, {
+  var isPassage = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+  var title = isPassage ? t('Banked Passage.') : t('Banked Stimulus.');
+  var content = isPassage ? t('Editing of this passage must take place within the bank.') : t('Editing of this stimulus must take place within the bank.');
+  var promptComponent = /*#__PURE__*/React.createElement(View, {
+    as: "div",
     "data-automation": "sdk-editInBanks-warning"
-  }, /*#__PURE__*/React.createElement("b", null, t('Banked Stimulus.')), "\xA0", t('Editing of this stimulus must take place within the bank.'))]));
+  }, /*#__PURE__*/React.createElement(Text, {
+    weight: "bold"
+  }, title), /*#__PURE__*/React.createElement(View, {
+    margin: "0 0 0 xx-small"
+  }, /*#__PURE__*/React.createElement(Text, null, content)));
+  for (var _len5 = arguments.length, args = new Array(_len5 > 1 ? _len5 - 1 : 0), _key5 = 1; _key5 < _len5; _key5++) {
+    args[_key5 - 1] = arguments[_key5];
+  }
+  return propsForBankEntryEditPrompt.apply(void 0, args.concat([promptComponent]));
 };
 export var propsForBankEntryUnauthorizedEdit = function propsForBankEntryUnauthorizedEdit(isEditing) {
   if (!isEditing) return {

package/es/moderating/components/resources/ModerateTable/presenter.js

@@ -11,7 +11,6 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Table } from '@instructure/ui-table';
 import { IconButton } from '@instructure/ui-buttons';
@@ -26,7 +25,7 @@ import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ResetQuiz from "../../sidebar/ResetQuiz/index.js";
-import { OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import { chunk } from 'lodash';
 var _ref2 = jsx(Flex.Item, null, jsx(IconInfoLine, null));
 var _ref4 = jsx(IconConfigureLine, null);

package/es/moderating/components/sidebar/ModerateTray/presenter.js

@@ -5,7 +5,6 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Flex } from '@instructure/ui-flex';
 import { View } from '@instructure/ui-view';
 import { Text } from '@instructure/ui-text';
 import { Heading } from '@instructure/ui-heading';
@@ -14,7 +13,7 @@ import { Tray } from '@instructure/ui-tray';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { TruncateText } from '@instructure/ui-truncate-text';
 import { Modal } from '@instructure/ui-modal';
-import { liveRegion } from '@instructure/quiz-common';
+import { Flex, liveRegion } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var ModerateTray = /*#__PURE__*/function (_Component) {
   _inherits(ModerateTray, _Component);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js

@@ -5,7 +5,6 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _MatchingTypeTable;
 /** @jsx jsx */
 import { Component } from 'react';
-import { Flex } from '@instructure/ui-flex';
 import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
@@ -17,7 +16,7 @@ import MatchingTypeOrderer from "../utils/matchingTypeOrderer.js";
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateComponentTheme from "./theme.js";
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconCheckSolid, null);
 var _ref2 = jsx(Flex.Item, {
   width: "46px",

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/ChoiceTypeWithInfo/presenter.js

@@ -4,7 +4,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { choiceTypeObject } from "../../../../common/propTypes.js";
-import { Flex } from '@instructure/ui-flex';
+import { Flex } from '@instructure/quiz-common';
 import ChoiceTypeTable from "../../shared/ChoiceTypeTable/index.js";
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/presenter.js

@@ -16,9 +16,8 @@ import { jsx } from '@instructure/emotion';
 import ChoiceTypeWithInfo from "./ChoiceTypeWithInfo/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { Flex } from '@instructure/ui-flex';
 import { numericTypeAnswerSummaryPropType } from "../../../common/propTypes.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var NumericType = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {
   _inherits(NumericType, _Component);
   var _super = _createSuper(NumericType);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/presenter.js

@@ -6,7 +6,6 @@ var _dec, _class, _ChoiceGroupTypeTable;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { choiceTypeObject } from "../../../../common/propTypes.js";
-import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';
 import ChoiceTypeTable from "../../shared/ChoiceTypeTable/index.js";
@@ -15,7 +14,7 @@ import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ExpandableCard from "../../shared/ExpandableCard/index.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var ChoiceGroupTypeTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceGroupTypeTable = /*#__PURE__*/function (_Component) {
   _inherits(ChoiceGroupTypeTable, _Component);
   var _super = _createSuper(ChoiceGroupTypeTable);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/presenter.js

@@ -5,14 +5,13 @@ var _dec, _class, _AfsTableWrapper;
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Flex } from '@instructure/ui-flex';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
 import { noAnswerMissing } from "./popoverContent.js";
 import MetricPopover from "../../../MetricPopover/index.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var AfsTableWrapper = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
   _inherits(AfsTableWrapper, _Component);
   var _super = _createSuper(AfsTableWrapper);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -12,9 +12,8 @@ import { IconCheckSolid, IconXSolid, IconNoSolid, IconGradebookSolid } from '@in
 import { jsx } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import generateStyle from "./styles.js";
-import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/presenter.js

@@ -16,9 +16,8 @@ import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
-import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
 var _ref = jsx(IconCheckSolid, null);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ExpandableCard/presenter.js

@@ -5,14 +5,13 @@ var _dec, _class, _ExpandableCard;
 /** @jsx jsx */
 import { Component } from 'react';
 import Card from "../../../../../../../common/components/shared/Card/index.js";
-import { Flex } from '@instructure/ui-flex';
 import { jsx } from '@instructure/emotion';
 import ExpandButton from "../../../../../../../common/components/shared/ExpandButton/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import PropTypes from 'prop-types';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var ExpandableCard = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
   _inherits(ExpandableCard, _Component);
   var _super = _createSuper(ExpandableCard);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js

@@ -21,10 +21,9 @@ import AnalysisPopoverMetric from "../AnalysisPopoverMetric/index.js";
 import { interactionTypesNameDictionary } from "../../../../../common/util/interactionTypeMetadata.js";
 import AnswerFrequencySummary from "../AnswerFrequencySummary/index.js";
 import { afsFlags, itemAnalysisPropType } from "../../common/propTypes.js";
-import { Flex } from '@instructure/ui-flex';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { ensureRCEContentIsLoaded } from "../../../../../common/util/rceChecker.js";
-import { RICH_FILL_BLANK_SLUG, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, RICH_FILL_BLANK_SLUG, withStyleOverrides } from '@instructure/quiz-common';
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js

@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import Card from "../../../../../common/components/shared/Card/index.js";
@@ -21,7 +20,7 @@ import { AnalysisUpdateDate } from "../../common/AnalysisUpdateDate/index.js";
 import { itemAnalysisPropType, quizAnalysisPropType } from "../../common/propTypes.js";
 import { csvFormat } from "../exportFormats.js";
 import { ExportButton } from "../ExportButton/index.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAndItemAnalysisReportCardPresenter, _Component);
   var _super = _createSuper(NewQuizAndItemAnalysisReportCardPresenter);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -9,7 +9,6 @@ import { Heading } from '@instructure/ui-heading';
 import NewItemAnalysis from "./NewItemAnalysis/index.js";
 import NewQuizAnalysis from "./NewQuizAnalysis/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Flex } from '@instructure/ui-flex';
 import { AnalysisUpdateDate } from "../common/AnalysisUpdateDate/index.js";
 import { itemAnalysisPropType, quizAnalysisPropType } from "../common/propTypes.js";
 import PropTypes from 'prop-types';
@@ -26,7 +25,7 @@ import { ExportButton } from "./ExportButton/index.js";
 import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(Flex.Item, {
   align: "center"
 }, jsx(PresentationContent, null, jsx(Img, {

package/es/reporting/components/resources/ReportCard/index.js

@@ -12,9 +12,8 @@ import { jsx } from '@instructure/emotion';
 import Card from "../../../../common/components/shared/Card/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { Flex } from '@instructure/ui-flex';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var ReportCard = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ReportCard = /*#__PURE__*/function (_Component) {
   _inherits(ReportCard, _Component);
   var _super = _createSuper(ReportCard);

package/es/reporting/components/resources/StudentAnalysis/ReportCard/presenter.js

@@ -6,7 +6,6 @@ var _dec, _class, _StudentAnalysisReportCardPresenter;
 import React, { Component } from 'react';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
 import Card from "../../../../../common/components/shared/Card/index.js";
@@ -14,7 +13,7 @@ import { generateStyle } from "./styles.js";
 import { generateComponentTheme } from "./theme.js";
 import { ExportButton } from "../../common/ExportButton/index.js";
 import Spinner from "../../../../../common/components/shared/spinner/Spinner.js";
-import { STUDENT_ANALYSES, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, STUDENT_ANALYSES, withStyleOverrides } from '@instructure/quiz-common';
 import { AnalysisUpdateDate } from "../../common/AnalysisUpdateDate/index.js";
 export var StudentAnalysisReportCardPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_StudentAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
   _inherits(StudentAnalysisReportCardPresenter, _Component);

package/es/reporting/components/resources/common/AnalysisUpdateDate/index.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { displayDateAndTimeInTimezone } from "../../../../../common/util/formatTimespan.js";
 import { Text } from '@instructure/ui-text';
-import { Flex } from '@instructure/ui-flex';
+import { Flex } from '@instructure/quiz-common';
 export var AnalysisUpdateDate = /*#__PURE__*/function (_Component) {
   _inherits(AnalysisUpdateDate, _Component);
   var _super = _createSuper(AnalysisUpdateDate);

package/es/taking/api/taking.js

@@ -181,6 +181,10 @@ var __getResponseForSessionItem = function __getResponseForSessionItem(sessionIt
 var __remainingQuestionPositions = function __remainingQuestionPositions(sessionItems, responses) {
   return sessionItems.toList().sortBy(function (si) {
     return si.get('position');
+  }).filterNot(function (si) {
+    var item = si.get('item');
+    var interactionType = item.get('interactionType');
+    return typeof interactionType === 'undefined' || interactionType === 'no-interaction';
   }).filterNot(function (si) {
     var item = new Item(si.get('item'));
     var itemUserResponse = __getResponseForSessionItem(si, responses);

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

@@ -17,7 +17,6 @@ var _uiIcons = require("@instructure/ui-icons");
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiView = require("@instructure/ui-view");
-var _uiFlex = require("@instructure/ui-flex");
 var _uiText = require("@instructure/ui-text");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
@@ -139,9 +138,9 @@ var BankSearch = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
       var _this$props2 = this.props,
         showFilters = _this$props2.showFilters,
         toggleFilters = _this$props2.toggleFilters;
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_quizCommon.Flex, {
         as: "div"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldGrow: true,
         shouldShrink: true
       }, (0, _emotion.jsx)(_quizCommon.TextInput, {
@@ -151,7 +150,7 @@ var BankSearch = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
         onChange: this.updateSearch,
         value: this.props.search.get('text', '') || '',
         "data-automation": "sdk-bank-search-input"
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiButtons.Button, {
+      })), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_uiButtons.Button, {
         onClick: toggleFilters,
         margin: "none none none small",
         renderIcon: _uiIcons.IconPlusLine,

package/lib/building/api/stimuli.js

@@ -28,7 +28,8 @@ function createStimulus(stimulus, parentId, parentType) {
     parent_stimulus_id: parentStimulusId,
     source_url: stimulus.sourceUrl,
     stimulus_type: stimulus.stimulusType,
-    title: stimulus.title
+    title: stimulus.title,
+    passage: stimulus.passage
   };
   var requestBody = JSON.stringify({
     stimulus: stimulusParams