@instructure/quiz-core 20.37.1 → 20.38.0

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

@@ -10,7 +10,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = require("react");
 var _index = _interopRequireDefault(require("../../../../../../../common/components/shared/Card/index.js"));
-var _uiFlex = require("@instructure/ui-flex");
 var _emotion = require("@instructure/emotion");
 var _index2 = _interopRequireDefault(require("../../../../../../../common/components/shared/ExpandButton/index.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -40,14 +39,14 @@ var ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
     };
     _this.renderGroup = function () {
       var headLine = _this.props.headLine;
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         alignItems: "start"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: true,
         shouldGrow: true,
         margin: "xx-small none none none"
-      }, headLine), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, headLine), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none none none x-small"
       }, (0, _emotion.jsx)(_index2.default, {
         onClick: _this.handleBodyToggle,
@@ -60,7 +59,7 @@ var ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
         content = _this$props.content,
         styles = _this$props.styles;
       var bodyContainer = styles.bodyContainer;
-      return (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      return (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: true,
         padding: "x-small small x-small small"
       }, (0, _emotion.jsx)("div", {
@@ -73,17 +72,17 @@ var ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
       var bodyExpanded = _this.state.bodyExpanded;
       return (0, _emotion.jsx)("div", {
         css: groupWrapper
-      }, (0, _emotion.jsx)(_index.default, null, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_index.default, null, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column",
         justifyItems: "start"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldGrow: true,
         shouldShrink: true,
         overflowY: "visible"
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column",
         justifyItems: "start"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: true,
         padding: "x-small small x-small small",
         overflowY: "hidden"

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

@@ -26,7 +26,6 @@ var _index4 = _interopRequireDefault(require("../AnalysisPopoverMetric/index.js"
 var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata.js");
 var _index5 = _interopRequireDefault(require("../AnswerFrequencySummary/index.js"));
 var _propTypes2 = require("../../common/propTypes.js");
-var _uiFlex = require("@instructure/ui-flex");
 var _quizRce = require("@instructure/quiz-rce");
 var _rceChecker = require("../../../../../common/util/rceChecker.js");
 var _quizCommon = require("@instructure/quiz-common");
@@ -118,10 +117,10 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       return tempDoc.querySelector('body').innerHTML;
     };
     _this.renderRichContent = function (itemBody, itemId) {
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         alignItems: "start"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: true,
         shouldGrow: true
       }, (0, _emotion.jsx)("div", {
@@ -129,7 +128,7 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         css: _this.props.styles.itemBody
       }, (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
         content: itemBody
-      }))), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }))), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none none none x-small"
       }, (0, _emotion.jsx)("div", {
         css: _this.props.styles.itemBodyToggleButtonWrapper
@@ -140,55 +139,55 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       })))));
     };
     _this.renderMetrics = function (scores) {
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         overflowY: "visible"
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         wrap: "wrap",
         direction: "row",
         alignItems: "start",
         gap: "medium"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
       }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "difficulty_index",
         label: (0, _formatMessage.default)('Item Difficulty'),
         value: scores.difficulty_index,
         popoverDescription: _popoverContent.difficultyIndex
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
       }, (0, _emotion.jsx)(_index3.default, {
         metricKey: "mean",
         label: (0, _formatMessage.default)('Mean Earned Points'),
         value: _this.calculateValueWithPointsPossible('mean', scores.mean)
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
       }, (0, _emotion.jsx)(_index3.default, {
         metricKey: "median",
         label: (0, _formatMessage.default)('Median Earned Points'),
         value: _this.calculateValueWithPointsPossible('median', scores.median)
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none large none none"
       }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "discrimination_index",
         label: (0, _formatMessage.default)('Discrimination Index'),
         value: scores.discrimination_index,
         popoverDescription: _popoverContent.discriminationIndex
-      })))), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)("div", {
+      })))), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)("div", {
         css: _this.props.styles.itemCardToggleButtonWrapper
       }, (0, _emotion.jsx)(_index.default, {
         onClick: _this.handleMetricToggle,
         title: _this.state.metricsExpanded ? (0, _formatMessage.default)('collapse item card') : (0, _formatMessage.default)('expand item card'),
         isExpanded: _this.state.metricsExpanded
-      }))), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }))), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         overflowY: "visible",
         margin: "medium none none none"
       }, (0, _emotion.jsx)("div", {
         css: _this.props.styles.hiddenWhenNotExpanded
       }, (0, _emotion.jsx)("div", {
         css: _this.props.styles.metricsContainer
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
       }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "pearson_correlation",
@@ -198,7 +197,7 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       }))))));
     };
     _this.renderAnswerSummaryTable = function (itemId, answer_summary, interactionType, afsFlags) {
-      return (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)("div", {
+      return (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)("div", {
         css: _this.props.styles.hiddenWhenNotExpanded
       }, (0, _emotion.jsx)(_index5.default, {
         itemId: itemId,
@@ -276,25 +275,25 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       var itemBodyEnhanced = this.shouldEnhanceItemBody() ? this.enhanceItemBody(metadata.item_body) : metadata.item_body;
       return (0, _emotion.jsx)(_index2.default, {
         css: this.props.styles.cardWrapper
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         overflowY: "visible"
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.itemCardInnerContainer
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldGrow: true,
         shouldShrink: true,
         size: "45%"
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column",
         justifyItems: "start"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, this.renderTitle(title)), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, this.renderTitle(title)), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: true,
         padding: "small xx-small none none",
         overflowY: "hidden",
         size: !this.state.bodyExpanded ? '60px' : void 0
-      }, this.renderRichContent(itemBodyEnhanced, itemId)))), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, this.renderMetrics(scores)))), this.renderAnswerSummaryTable(itemId, answer_summary, interactionType, afsFlags)));
+      }, this.renderRichContent(itemBodyEnhanced, itemId)))), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, this.renderMetrics(scores)))), this.renderAnswerSummaryTable(itemId, answer_summary, interactionType, afsFlags)));
     }
   }]);
   NewItemAnalysis.displayName = "NewItemAnalysis";

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

@@ -14,7 +14,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiText = require("@instructure/ui-text");
 var _uiLink = require("@instructure/ui-link");
-var _uiFlex = require("@instructure/ui-flex");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _index = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
@@ -77,7 +76,7 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyl
         href = _this$props.href;
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.quizAnalysisSummary
-      }, _this.renderMetrics(), (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, _this.renderMetrics(), (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "space-between"
       }, (0, _emotion.jsx)("div", {
@@ -96,9 +95,9 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyl
     _this.renderSpinner = function (mainText) {
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.emptyCardBodyContainer
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_Spinner.default, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_Spinner.default, {
         size: "x-small",
         color: "brand",
         minHeight: "0",
@@ -123,17 +122,17 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyl
         analysisError = _this$props2.analysisError;
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.emptyCardBodyContainer
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "space-between"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: true,
         size: analysisError && !generationInProgress ? '40%' : null
       }, analysisError && !generationInProgress && (0, _emotion.jsx)(_uiText.Text, {
         size: "x-small",
         weight: "bold",
         color: "danger"
-      }, analysisError)), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, analysisError)), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: analysisError && !generationInProgress
       }, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : _this.renderGenerateReportButton())));
     };
@@ -154,14 +153,14 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyl
         fetchInProgress = _this$props4.fetchInProgress;
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.titleContainer
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         wrap: "wrap",
         justifyItems: "space-between"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiText.Text, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_uiText.Text, {
         size: "medium",
         weight: "bold"
-      }, name)), exportEnabled && !fetchInProgress && (0, _emotion.jsx)(_uiFlex.Flex.Item, null, _this.renderExport())));
+      }, name)), exportEnabled && !fetchInProgress && (0, _emotion.jsx)(_quizCommon.Flex.Item, null, _this.renderExport())));
     };
     return _this;
   }

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

@@ -15,7 +15,6 @@ var _uiHeading = require("@instructure/ui-heading");
 var _index = _interopRequireDefault(require("./NewItemAnalysis/index.js"));
 var _index2 = _interopRequireDefault(require("./NewQuizAnalysis/index.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _uiFlex = require("@instructure/ui-flex");
 var _index3 = require("../common/AnalysisUpdateDate/index.js");
 var _propTypes = require("../common/propTypes.js");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
@@ -35,7 +34,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NewQuizAndItemAnalysisPresenter;
 /** @jsx jsx */
-var _ref = (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+var _ref = (0, _emotion.jsx)(_quizCommon.Flex.Item, {
   align: "center"
 }, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_uiImg.Img, {
   src: _downForRepair.default,
@@ -67,7 +66,7 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _quizCommon.withStyleOverrides
       })));
     };
     _this.renderSpinner = function () {
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         padding: "medium",
         justifyItems: "center",
         alignItems: "center"
@@ -76,17 +75,17 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _quizCommon.withStyleOverrides
       }));
     };
     _this.renderBodyOnFailedFetch = function () {
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         alignItems: "end",
         width: "82.5rem",
         margin: "auto",
         direction: "column"
-      }, _ref, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, _ref, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         align: "center"
       }, (0, _emotion.jsx)(_uiText.Text, {
         size: "x-large",
         color: "primary"
-      }, (0, _formatMessage.default)('Error'))), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _formatMessage.default)('Error'))), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         align: "center"
       }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _errorMessages.getFailedToFetchReports)()), (0, _emotion.jsx)(_uiText.Text, {
         size: "x-small",
@@ -96,12 +95,12 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _quizCommon.withStyleOverrides
     _this.renderHeader = function () {
       var _quizAnalysis$metadat;
       var quizAnalysis = _this.props.quizAnalysis;
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         alignItems: "center",
         width: "auto",
         margin: "small auto",
         direction: "column"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         overflowY: "hidden"
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h2",
@@ -119,14 +118,14 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _quizCommon.withStyleOverrides
         quizAnalysis = _this$props.quizAnalysis;
       var shouldShowError = analysisError && !generationInProgress;
       var timeStamp = quizAnalysis === null || quizAnalysis === void 0 ? void 0 : quizAnalysis.created_timestamp;
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         alignItems: "end",
         width: "auto",
         margin: "small auto",
         direction: "column"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, timeStamp && (0, _emotion.jsx)(_index3.AnalysisUpdateDate, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, timeStamp && (0, _emotion.jsx)(_index3.AnalysisUpdateDate, {
         date: timeStamp
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, shouldShowError && (0, _emotion.jsx)(_uiText.Text, {
+      })), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, shouldShowError && (0, _emotion.jsx)(_uiText.Text, {
         size: "x-small",
         weight: "medium",
         color: "danger"
@@ -134,20 +133,20 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _quizCommon.withStyleOverrides
     };
     _this.renderRightSide = function () {
       var exportEnabled = _this.props.exportEnabled;
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         alignItems: "center",
         justifyItems: "end",
         width: "auto",
         direction: "row",
         wrap: "wrap-reverse"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         padding: "0 small 0 0",
         margin: "0 0 0 auto"
-      }, _this.renderUpdateDateWithError()), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)("div", {
+      }, _this.renderUpdateDateWithError()), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)("div", {
         css: _this.props.styles.headerButtonsContainer
-      }, exportEnabled && (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, exportEnabled && (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "0 0 0 auto"
-      }, _this.renderExport()), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, _this.renderExport()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderGenerationButton()))));
     };
@@ -170,14 +169,14 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _quizCommon.withStyleOverrides
       return !fetchInProgress && !quizAnalysis && !itemAnalyses && !analysisError;
     };
     _this.renderTop = function () {
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         justifyItems: "space-between",
         alignItems: "center",
         wrap: "wrap",
         width: "auto",
         margin: "0 auto small 0",
         direction: "row"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, _this.renderHeader()), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, _this.renderHeader()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderRightSide()));
     };
@@ -186,15 +185,15 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _quizCommon.withStyleOverrides
     };
     _this.renderTopOnFailedFetch = function () {
       var exportEnabled = _this.props.exportEnabled;
-      return (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "end",
         wrap: "wrap",
         width: "auto",
         margin: "auto"
-      }, exportEnabled && (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, exportEnabled && (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         overflowY: "visible"
-      }, _this.renderExport()), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, _this.renderExport()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         overflowY: "visible"
       }, _this.renderGenerationButton()));
     };

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

@@ -17,7 +17,6 @@ var _emotion = require("@instructure/emotion");
 var _index = _interopRequireDefault(require("../../../../common/components/shared/Card/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _uiFlex = require("@instructure/ui-flex");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ReportCard;
@@ -46,7 +45,7 @@ var ReportCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
       }, (0, _emotion.jsx)(_uiText.Text, {
         size: "small",
         color: "secondary"
-      }, details)), (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, details)), (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "end",
         alignItems: "end",

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

@@ -13,7 +13,6 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _uiText = require("@instructure/ui-text");
 var _uiLink = require("@instructure/ui-link");
-var _uiFlex = require("@instructure/ui-flex");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _index = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
@@ -38,9 +37,9 @@ var StudentAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyleOverri
       var mainText = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : '';
       return /*#__PURE__*/_react.default.createElement("div", {
         style: _this.props.styles.emptyCardBodyContainer
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex, {
         direction: "row"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
         size: "x-small",
         color: "brand",
         minHeight: "0",
@@ -84,14 +83,14 @@ var StudentAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyleOverri
         fetchInProgress = _this$props2.fetchInProgress;
       return /*#__PURE__*/_react.default.createElement("div", {
         style: _this.props.styles.titleContainer
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex, {
         direction: "row",
         wrap: "wrap",
         justifyItems: "space-between"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         size: "medium",
         weight: "bold"
-      }, name)), exportEnabled && !fetchInProgress && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, _this.renderExportButton())));
+      }, name)), exportEnabled && !fetchInProgress && /*#__PURE__*/_react.default.createElement(_quizCommon.Flex.Item, null, _this.renderExportButton())));
     };
     _this.renderReportCardFooter = function () {
       var _this$props3 = _this.props,
@@ -99,17 +98,17 @@ var StudentAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyleOverri
         analysisError = _this$props3.analysisError;
       return /*#__PURE__*/_react.default.createElement("div", {
         style: _this.props.styles.emptyCardBodyContainer
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "space-between"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex.Item, {
         shouldShrink: true,
         size: analysisError && !generationInProgress ? '40%' : void 0
       }, analysisError && !generationInProgress && /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         size: "x-small",
         weight: "bold",
         color: "danger"
-      }, analysisError)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, analysisError)), /*#__PURE__*/_react.default.createElement(_quizCommon.Flex.Item, {
         shouldShrink: !!analysisError && !generationInProgress
       }, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : _this.renderGenerateReportButton())));
     };
@@ -117,7 +116,7 @@ var StudentAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyleOverri
       var studentAnalyses = _this.props.studentAnalyses;
       return /*#__PURE__*/_react.default.createElement("div", {
         style: _this.props.styles.studentAnalysesSummary
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "space-between"
       }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -15,7 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _formatTimespan = require("../../../../../common/util/formatTimespan.js");
 var _uiText = require("@instructure/ui-text");
-var _uiFlex = require("@instructure/ui-flex");
+var _quizCommon = require("@instructure/quiz-common");
 var AnalysisUpdateDate = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AnalysisUpdateDate, _Component);
   var _super = (0, _createSuper2.default)(AnalysisUpdateDate);
@@ -34,7 +34,7 @@ var AnalysisUpdateDate = /*#__PURE__*/function (_Component) {
         multiline = _this$props.multiline;
       return /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         size: "x-small"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.Flex, {
         direction: multiline ? 'column' : 'row',
         alignItems: "start"
       }, /*#__PURE__*/_react.default.createElement("span", null, (0, _formatMessage.default)('Data Last Updated:'), "\xA0"), /*#__PURE__*/_react.default.createElement("span", null, (0, _formatTimespan.displayDateAndTimeInTimezone)(date, timezone, locale))));

package/lib/taking/api/taking.js

@@ -205,6 +205,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.default(si.get('item'));
     var itemUserResponse = __getResponseForSessionItem(si, responses);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.37.1",
+  "version": "20.38.0",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -25,11 +25,11 @@
     "@instructure/emotion": "^8.56.3",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@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/quiz-common": "^20.38.0",
+    "@instructure/quiz-i18n": "^20.38.0",
+    "@instructure/quiz-interactions": "^20.38.0",
+    "@instructure/quiz-number-input": "^20.38.0",
+    "@instructure/quiz-rce": "^20.38.0",
     "@instructure/ui-a11y-content": "^8.56.3",
     "@instructure/ui-alerts": "^8.56.3",
     "@instructure/ui-avatar": "^8.56.3",
@@ -40,9 +40,7 @@
     "@instructure/ui-color-utils": "^8.56.3",
     "@instructure/ui-dialog": "^8.56.3",
     "@instructure/ui-drilldown": "^8.56.3",
-    "@instructure/ui-flex": "^8.56.3",
     "@instructure/ui-focusable": "^8.56.3",
-    "@instructure/ui-form-field": "^8.56.3",
     "@instructure/ui-grid": "^8.56.3",
     "@instructure/ui-heading": "^8.56.3",
     "@instructure/ui-i18n": "^7.22.1",
@@ -64,13 +62,11 @@
     "@instructure/ui-radio-input": "^8.56.3",
     "@instructure/ui-react-utils": "^8.56.3",
     "@instructure/ui-select": "^8.56.3",
-    "@instructure/ui-simple-select": "^8.56.3",
     "@instructure/ui-spinner": "^8.56.3",
     "@instructure/ui-table": "^8.56.3",
     "@instructure/ui-tabs": "^8.56.3",
     "@instructure/ui-tag": "^8.56.3",
     "@instructure/ui-text": "^8.56.3",
-    "@instructure/ui-text-input": "^8.56.3",
     "@instructure/ui-themes": "^8.56.3",
     "@instructure/ui-toggle-details": "^8.56.3",
     "@instructure/ui-tooltip": "^8.56.3",
@@ -93,7 +89,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^20.37.1",
+    "instructure-validations": "^20.38.0",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -143,7 +139,7 @@
     "jquery": "^2.2.3",
     "karma-junit-reporter": "^2.0.1",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^20.37.1",
+    "quiz-presets": "^20.38.0",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",