@instructure/quiz-core 18.4.1-rc.2 → 18.4.1-rc.4

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

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _uiMetric = require("@instructure/ui-metric");
 
@@ -23,15 +25,24 @@ var _utils = require("../utils.js");
 
 var _index = _interopRequireDefault(require("../MetricPopover/index.js"));
 
-var _emotion = require("@instructure/emotion");
+var _uiThemeable = require("@instructure/ui-themeable");
 
-var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _dec, _class, _class2, _temp;
 
-var AnalysisPopoverMetric = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var styles = {
+  componentId: 'dpcwk',
+  template: function template(theme) {
+    return "\n\n.dpcwk_elNf{max-width:159px}\n\n.dpcwk_eckF{margin:0;padding-right:24px;text-transform:capitalize}\n\n.dpcwk_dqHR{margin-left:-24px;padding-left:5px}";
+  },
+  'metricLabelContainer': 'dpcwk_elNf',
+  'metricLabel': 'dpcwk_eckF',
+  'popoverContainer': 'dpcwk_dqHR'
+};
+var AnalysisPopoverMetric = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AnalysisPopoverMetric, _Component);
 
   var _super = (0, _createSuper2.default)(AnalysisPopoverMetric);
@@ -44,13 +55,13 @@ var AnalysisPopoverMetric = (_dec = (0, _emotion.withStyle)(_styles.default, nul
   (0, _createClass2.default)(AnalysisPopoverMetric, [{
     key: "renderLabelWithPopover",
     value: function renderLabelWithPopover(texts) {
-      return (0, _emotion.jsx)("div", {
-        css: this.props.styles.metricLabelContainer
-      }, (0, _emotion.jsx)("span", {
-        css: this.props.styles.metricLabel
-      }, this.props.label), (0, _emotion.jsx)("span", {
-        css: this.props.styles.popoverContainer
-      }, (0, _emotion.jsx)(_index.default, texts)));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.metricLabelContainer
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: styles.metricLabel
+      }, this.props.label), /*#__PURE__*/_react.default.createElement("span", {
+        className: styles.popoverContainer
+      }, /*#__PURE__*/_react.default.createElement(_index.default, texts)));
     }
   }, {
     key: "render",
@@ -59,8 +70,8 @@ var AnalysisPopoverMetric = (_dec = (0, _emotion.withStyle)(_styles.default, nul
           metricKey = _this$props.metricKey,
           popoverDescription = _this$props.popoverDescription,
           value = _this$props.value;
-      return (0, _emotion.jsx)(_uiMetric.Metric, {
-        themeOverride: {
+      return /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
+        theme: {
           valueFontWeight: 500,
           padding: '0'
         },
@@ -82,9 +93,7 @@ var AnalysisPopoverMetric = (_dec = (0, _emotion.withStyle)(_styles.default, nul
     subtitle: _propTypes.default.string,
     body: _propTypes.default.string,
     screenReaderLabel: _propTypes.default.string
-  }).isRequired,
-  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
-  styles: _propTypes.default.object
+  }).isRequired
 }, _class2.defaultProps = {
   value: void 0
 }, _temp)) || _class);

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisPopoverMetric/theme.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    headerPaddingBottom: spacing.medium
+  };
+}

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTableRow/presenter.js

@@ -2,44 +2,59 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChoiceTypeTableRow = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _uiTable = require("@instructure/ui-table");
 
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 
-var _uiIcons = require("@instructure/ui-icons");
+var _uiThemeable = require("@instructure/ui-themeable");
 
-var _quizInteractions = require("@instructure/quiz-interactions");
+var _theme = _interopRequireDefault(require("./theme.js"));
 
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _emotion = require("@instructure/emotion");
+var _uiIcons = require("@instructure/ui-icons");
 
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = _interopRequireDefault(require("./styles.js"));
+var _quizInteractions = require("@instructure/quiz-interactions");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
 var _dec, _class, _class2, _temp;
 
-var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
+var styles = {
+  componentId: 'cInnW',
+  template: function template(theme) {
+    return "\n\n.cInnW_cvRx{align-items:center;display:flex;height:48px;justify-content:center;width:46px}\n\n.cInnW_EKAb{background-color:".concat(theme.colorGreen || 'inherit', ";border-radius:4px 0 0 4px}\n\n.cInnW_EKAb svg{fill:#fff}\n\n.cInnW_tnta{border-color:").concat(theme.colorGreen || 'inherit', ";border-style:solid;border-width:2px 0;padding:").concat(theme.cellPadding || 'inherit', "}\n\n.cInnW_fvqY{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}");
+  },
+  'iconWrapper': 'cInnW_cvRx',
+  'iconCorrect': 'cInnW_EKAb',
+  'correctRowBorder': 'cInnW_tnta',
+  'correctRowBorderRadius': 'cInnW_fvqY'
+};
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckSolid, null);
 
-var _ref2 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
+var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconXSolid, null);
 
-var ChoiceTypeTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var ChoiceTypeTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ChoiceTypeTableRow, _Component);
 
   var _super = (0, _createSuper2.default)(ChoiceTypeTableRow);
@@ -56,20 +71,25 @@ var ChoiceTypeTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.renderIcon = function (correct) {
-      return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.iconWrapper
+      var className = (0, _classnames.default)(styles.iconWrapper, (0, _defineProperty2.default)({}, styles.iconCorrect, correct));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
       }, correct ? _ref : _ref2);
     };
 
     _this.renderMiddleCell = function (correct, content) {
-      return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.middleCell
+      var className = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.correctRowBorder, correct));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
       }, content);
     };
 
     _this.renderLastCell = function (correct, content) {
-      return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.lastCell
+      var _classNames3;
+
+      var className = (0, _classnames.default)((_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, styles.correctRowBorder, correct), (0, _defineProperty2.default)(_classNames3, styles.correctRowBorderRadius, correct), _classNames3));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
       }, content);
     };
 
@@ -86,26 +106,26 @@ var ChoiceTypeTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
     _this.render = function () {
       var correct = _this.props.choice.correct;
       var choiceBody = _this.props.choice.body;
-      var cellPadding = correct ? '0' : _this.props.styles.cellPadding;
-      return (0, _emotion.jsx)(_uiTable.Table.Row, {
+      var cellPadding = correct ? '0' : _this.theme.cellPadding;
+      return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
         key: _this.props.choiceIndex
-      }, (0, _emotion.jsx)(_uiTable.Table.Cell, {
-        themeOverride: {
+      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
           padding: '0px',
           fontWeight: 'bold'
         }
-      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, _this.answerLabel(correct)), _this.renderIcon(correct)), (0, _emotion.jsx)(_uiTable.Table.RowHeader, {
-        themeOverride: {
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, _this.answerLabel(correct)), _this.renderIcon(correct)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
+        theme: {
           padding: cellPadding,
           fontWeight: 'bold'
         }
-      }, _this.renderMiddleCell(correct, _this.extractChoiceText(choiceBody, correct))), (0, _emotion.jsx)(_uiTable.Table.Cell, {
-        themeOverride: {
+      }, _this.renderMiddleCell(correct, _this.extractChoiceText(choiceBody, correct))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
           padding: cellPadding,
           fontWeight: 'bold'
         }
-      }, _this.renderMiddleCell(correct, _this.props.choice.count)), (0, _emotion.jsx)(_uiTable.Table.Cell, {
-        themeOverride: {
+      }, _this.renderMiddleCell(correct, _this.props.choice.count)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
           padding: cellPadding,
           fontWeight: 'bold'
         },
@@ -123,9 +143,7 @@ var ChoiceTypeTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
     correct: _propTypes.default.bool,
     count: _propTypes.default.number,
     percentage: _propTypes.default.number
-  }).isRequired,
-  choiceIndex: _propTypes.default.number.isRequired,
-  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
-  styles: _propTypes.default.object
-}, _temp)) || _class);
+  }),
+  choiceIndex: _propTypes.default.number
+}.isRequired, _temp)) || _class);
 exports.ChoiceTypeTableRow = ChoiceTypeTableRow;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTableRow/theme.js

@@ -3,15 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = generator;
 
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var colors = _ref.colors;
+function generator() {
   return {
-    correctAnswerBackgroundColor: colors.shamrock,
+    colorGreen: '#0b874b',
     cellPadding: '0.75rem 0.75rem'
   };
-};
-
-var _default = generateComponentTheme;
-exports.default = _default;
+}

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

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
@@ -25,23 +27,28 @@ var _uiFlex = require("@instructure/ui-flex");
 
 var _uiHeading = require("@instructure/ui-heading");
 
+var _uiThemeable = require("@instructure/ui-themeable");
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 
-var _index = _interopRequireDefault(require("./ChoiceTypeTableRow/index.js"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes = require("../../propTypes.js");
+var _index = _interopRequireDefault(require("./ChoiceTypeTableRow/index.js"));
 
-var _emotion = require("@instructure/emotion");
+var _propTypes2 = require("../../propTypes.js");
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _dec, _class, _class2, _temp;
 
-var ChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var styles = {
+  componentId: 'ZuPLN',
+  template: function template(theme) {
+    return "\n\n.ZuPLN_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}");
+  },
+  'tableWrapper': 'ZuPLN_rMrG'
+};
+var ChoiceType = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ChoiceType, _Component);
 
   var _super = (0, _createSuper2.default)(ChoiceType);
@@ -58,7 +65,7 @@ var ChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.renderRow = function (choice, choiceIndex) {
-      return (0, _emotion.jsx)(_index.default, {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
         key: choiceIndex,
         choice: choice,
         choiceIndex: choiceIndex
@@ -72,7 +79,7 @@ var ChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
         correct: false,
         count: payload.count
       };
-      return (0, _emotion.jsx)(_index.default, {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
         key: choiceIndex,
         choice: asChoice,
         choiceIndex: choiceIndex
@@ -95,42 +102,40 @@ var ChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       var answerHeaderId = "answer-frequency-summary-answer-".concat(itemId);
       var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
       var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiFlex.Flex, {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         direction: "row"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         shouldGrow: true
-      }, (0, _emotion.jsx)("div", {
-        css: this.props.styles.tableWrapper
-      }, (0, _emotion.jsx)(_uiHeading.Heading, {
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.tableWrapper
+      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         margin: "large 0 small 0",
         level: "h4",
-        themeOverride: {
+        theme: {
           h4FontWeight: 'normal'
         }
-      }, (0, _formatMessage.default)('Answer Frequency Summary')), (0, _emotion.jsx)(_uiTable.Table, {
+      }, (0, _formatMessage.default)('Answer Frequency Summary')), /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
         caption: (0, _formatMessage.default)('Answer Frequency Summary')
-      }, (0, _emotion.jsx)(_uiTable.Table.Head, null, (0, _emotion.jsx)(_uiTable.Table.Row, null, (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: spacingHeaderId,
         width: "46px"
-      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Answer correctness'))), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Answer correctness'))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: answerHeaderId,
         height: "47px"
-      }, (0, _formatMessage.default)('Answer')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Answer')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: respondentsHeaderId,
         height: "47px"
-      }, (0, _formatMessage.default)('Respondents')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Respondents')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: percentageHeaderId,
         height: "47px",
         textAlign: "center"
-      }, (0, _formatMessage.default)('%')))), (0, _emotion.jsx)(_uiTable.Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices)))))));
+      }, (0, _formatMessage.default)('%')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices)))))));
     }
   }]);
   ChoiceType.displayName = "ChoiceType";
   return ChoiceType;
 }(_react.Component), _class2.propTypes = {
-  itemId: _propTypes2.default.number.isRequired,
-  answerSummary: _propTypes.choiceTypeAnswerSummaryPropType.isRequired,
-  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
-  styles: _propTypes2.default.object
-}, _temp)) || _class);
+  itemId: _propTypes.default.number,
+  answerSummary: _propTypes2.choiceTypeAnswerSummaryPropType
+}.isRequired, _temp)) || _class);
 exports.ChoiceType = ChoiceType;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/theme.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = generator;
 
-var generateComponentTheme = function generateComponentTheme(_ref) {
+function generator(_ref) {
   var spacing = _ref.spacing;
   return {
-    tableBottomPadding: spacing === null || spacing === void 0 ? void 0 : spacing.medium
+    tableBottomPadding: spacing.medium
   };
-};
-
-var _default = generateComponentTheme;
-exports.default = _default;
+}

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

@@ -111,7 +111,7 @@ var MetricPopover = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
         className: styles.popoverTitle,
         level: "h3"
       }, _this.props.title)), /*#__PURE__*/_react.default.createElement("div", null, _this.props.subtitle && /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        themeOverride: {
+        theme: {
           h5FontWeight: 700
         },
         level: "h5"
@@ -128,7 +128,7 @@ var MetricPopover = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
     value: function renderPopoverTrigger() {
       return /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
         size: "small",
-        themeOverride: {
+        theme: {
           smallHeight: '18px',
           transform: 'translateY(-1px)'
         },

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

@@ -118,7 +118,7 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         className: styles.heading
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h2",
-        themeOverride: {
+        theme: {
           h2FontWeight: 700
         },
         margin: "0 x-large 0 0",

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

@@ -78,7 +78,7 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
         className: styles.headingContainer
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h3",
-        themeOverride: {
+        theme: {
           h3FontWeight: 700
         }
       }, (0, _formatMessage.default)('Score Distribution'))), /*#__PURE__*/_react.default.createElement(_index.default, {

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

@@ -168,7 +168,7 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
         color: "primary-inverse",
         margin: "0 0 x-small 0",
         onClick: _this.handleGeneration,
-        themeOverride: {
+        theme: {
           lineHeight: '24px'
         }
       }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "18.4.1-rc.2+e3b27c594",
+  "version": "18.4.1-rc.4+1403d39fd",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,62 +41,61 @@
     "lib"
   ],
   "dependencies": {
-    "@instructure/emotion": "^8",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "18.4.1-rc.2+e3b27c594",
-    "@instructure/quiz-i18n": "18.4.1-rc.2+e3b27c594",
-    "@instructure/quiz-interactions": "18.4.1-rc.2+e3b27c594",
-    "@instructure/quiz-number-input": "18.4.1-rc.2+e3b27c594",
-    "@instructure/quiz-rce": "18.4.1-rc.2+e3b27c594",
-    "@instructure/ui-a11y-content": "^8",
-    "@instructure/ui-alerts": "^8",
-    "@instructure/ui-avatar": "^8",
-    "@instructure/ui-billboard": "^8",
-    "@instructure/ui-breadcrumb": "^8",
-    "@instructure/ui-buttons": "^8",
-    "@instructure/ui-checkbox": "^8",
-    "@instructure/ui-color-utils": "^8",
-    "@instructure/ui-dialog": "^8",
-    "@instructure/ui-flex": "^8",
-    "@instructure/ui-focusable": "^8",
-    "@instructure/ui-form-field": "^8",
-    "@instructure/ui-grid": "^8",
-    "@instructure/ui-heading": "^8",
-    "@instructure/ui-i18n": "^8",
-    "@instructure/ui-icons": "^8",
-    "@instructure/ui-img": "^8",
-    "@instructure/ui-link": "^8",
-    "@instructure/ui-list": "^8",
-    "@instructure/ui-menu": "^8",
-    "@instructure/ui-metric": "^8",
-    "@instructure/ui-modal": "^8",
-    "@instructure/ui-motion": "^8",
-    "@instructure/ui-number-input": "^8",
-    "@instructure/ui-overlays": "^8",
-    "@instructure/ui-pagination": "^8",
-    "@instructure/ui-popover": "^8",
-    "@instructure/ui-portal": "^8",
-    "@instructure/ui-progress": "^8",
-    "@instructure/ui-prop-types": "^8",
-    "@instructure/ui-radio-input": "^8",
-    "@instructure/ui-react-utils": "^8",
-    "@instructure/ui-select": "^8",
-    "@instructure/ui-simple-select": "^8",
-    "@instructure/ui-spinner": "^8",
-    "@instructure/ui-table": "^8",
-    "@instructure/ui-tabs": "^8",
-    "@instructure/ui-tag": "^8",
-    "@instructure/ui-text": "^8",
-    "@instructure/ui-text-input": "^8",
+    "@instructure/quiz-common": "18.4.1-rc.4+1403d39fd",
+    "@instructure/quiz-i18n": "18.4.1-rc.4+1403d39fd",
+    "@instructure/quiz-interactions": "18.4.1-rc.4+1403d39fd",
+    "@instructure/quiz-number-input": "18.4.1-rc.4+1403d39fd",
+    "@instructure/quiz-rce": "18.4.1-rc.4+1403d39fd",
+    "@instructure/ui-a11y-content": "^7.22.1",
+    "@instructure/ui-alerts": "^7.22.1",
+    "@instructure/ui-avatar": "^7.22.1",
+    "@instructure/ui-billboard": "^7.22.1",
+    "@instructure/ui-breadcrumb": "^7.22.1",
+    "@instructure/ui-buttons": "^7.22.1",
+    "@instructure/ui-checkbox": "^7.22.1",
+    "@instructure/ui-color-utils": "^7.22.1",
+    "@instructure/ui-dialog": "^7.22.1",
+    "@instructure/ui-flex": "^7.22.1",
+    "@instructure/ui-focusable": "^7.22.1",
+    "@instructure/ui-form-field": "^7.22.1",
+    "@instructure/ui-grid": "^7.22.1",
+    "@instructure/ui-heading": "^7.22.1",
+    "@instructure/ui-i18n": "^7.22.1",
+    "@instructure/ui-icons": "^7.22.1",
+    "@instructure/ui-img": "^7.22.1",
+    "@instructure/ui-link": "^7.22.1",
+    "@instructure/ui-list": "^7.22.1",
+    "@instructure/ui-menu": "^7.22.1",
+    "@instructure/ui-metric": "^7.22.1",
+    "@instructure/ui-modal": "^7.22.1",
+    "@instructure/ui-motion": "^7.22.1",
+    "@instructure/ui-number-input": "^7.22.1",
+    "@instructure/ui-overlays": "^7.22.1",
+    "@instructure/ui-pagination": "^7.22.1",
+    "@instructure/ui-popover": "^7.22.1",
+    "@instructure/ui-portal": "^7.22.1",
+    "@instructure/ui-progress": "^7.22.1",
+    "@instructure/ui-prop-types": "^7.22.1",
+    "@instructure/ui-radio-input": "^7.22.1",
+    "@instructure/ui-react-utils": "^7.22.1",
+    "@instructure/ui-select": "^7.22.1",
+    "@instructure/ui-simple-select": "^7.22.1",
+    "@instructure/ui-spinner": "^7.22.1",
+    "@instructure/ui-table": "^7.22.1",
+    "@instructure/ui-tabs": "^7.22.1",
+    "@instructure/ui-tag": "^7.22.1",
+    "@instructure/ui-text": "^7.22.1",
+    "@instructure/ui-text-input": "^7.22.1",
     "@instructure/ui-themeable": "^7.22.1",
-    "@instructure/ui-themes": "^8",
-    "@instructure/ui-toggle-details": "^8",
-    "@instructure/ui-tooltip": "^8",
-    "@instructure/ui-tray": "^8",
-    "@instructure/ui-truncate-text": "^8",
-    "@instructure/ui-utils": "^8",
-    "@instructure/ui-view": "^8",
+    "@instructure/ui-themes": "^7.22.1",
+    "@instructure/ui-toggle-details": "^7.22.1",
+    "@instructure/ui-tooltip": "^7.22.1",
+    "@instructure/ui-tray": "^7.22.1",
+    "@instructure/ui-truncate-text": "^7.22.1",
+    "@instructure/ui-utils": "^7.22.1",
+    "@instructure/ui-view": "^7.22.1",
     "aws-sdk": "^2.3.2",
     "classnames": "^2.2.5",
     "content-disposition": "^0.5.2",
@@ -109,7 +108,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "18.4.1-rc.2+e3b27c594",
+    "instructure-validations": "18.4.1-rc.4+1403d39fd",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -160,7 +159,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "18.4.1-rc.2+e3b27c594",
+    "quiz-presets": "18.4.1-rc.4+1403d39fd",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -176,5 +175,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e3b27c59498aa4cf343210bac9fbe320df8a4579"
+  "gitHead": "1403d39fdef30e950227a3b2fe64adf240af4586"
 }

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisMetric/styles.js

@@ -1,11 +0,0 @@
-var generateStyle = function generateStyle() {
-  return {
-    metricLabel: {
-      margin: 0,
-      maxWidth: '159px',
-      textTransform: 'capitalize'
-    }
-  };
-};
-
-export default generateStyle;