@instructure/quiz-core 20.4.1 → 20.4.2-rc.1

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

@@ -19,12 +19,16 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _index = _interopRequireDefault(require("../../../../charts/QuintileDistribution/index.js"));
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
 var _uiText = require("@instructure/ui-text");
@@ -33,19 +37,11 @@ var _uiHeading = require("@instructure/ui-heading");
 
 var _index2 = _interopRequireDefault(require("../../../../charts/Legend/index.js"));
 
-var _dec, _class, _temp;
-
-var styles = {
-  componentId: 'eRgoL',
-  template: function template(theme) {
-    return "\n\n.eRgoL_YBfL{background-color:".concat(theme.legendRectFillColor || 'inherit', "}\n\n.eRgoL_eDZF{column-gap:10px;display:inline-flex;padding:").concat(theme.legendPadding || 'inherit', " 0}\n\n.eRgoL_dVXF{margin:").concat(theme.legendMargin || 'inherit', " 0}\n\n.eRgoL_dxZa,[dir=ltr] .eRgoL_dxZa,[dir=rtl] .eRgoL_dxZa{text-align:center}");
-  },
-  'legendRect': 'eRgoL_YBfL',
-  'legendContainer': 'eRgoL_eDZF',
-  'headingContainer': 'eRgoL_dVXF',
-  'chartLabel': 'eRgoL_dxZa'
-};
-var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = /*#__PURE__*/function (_Component) {
+var _match = require("sinon/lib/sinon/match");
+
+var _dec, _class, _class2, _temp;
+
+var ScoreDistribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ScoreDistribution, _Component);
 
   var _super = (0, _createSuper2.default)(ScoreDistribution);
@@ -87,28 +83,28 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
     key: "render",
     value: function render() {
       var decileDistribution = this.props.decileDistribution;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.headingContainer
-      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)("div", {
+        css: this.props.styles.headingContainer
+      }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h3",
         themeOverride: {
           h3FontWeight: 700
         }
-      }, (0, _formatMessage.default)('Score Distribution'))), /*#__PURE__*/_react.default.createElement(_index.default, {
+      }, (0, _formatMessage.default)('Score Distribution'))), (0, _emotion.jsx)(_index.default, {
         animateDelay: 1000,
         animateDuration: 1000,
         visualDistribution: decileDistribution || [],
         calculateLabelForColumn: decileDistribution.length > 10 ? this.calculateLabelForColumnsWithExtremeValues : this.calculateLabelForColumns
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), (0, _emotion.jsx)("div", {
         "aria-hidden": "true",
-        className: styles.chartLabel
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        css: this.props.styles.chartLabel
+      }, (0, _emotion.jsx)(_uiText.Text, {
         size: "small"
-      }, (0, _formatMessage.default)('Score'))), /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.legendContainer
-      }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+      }, (0, _formatMessage.default)('Score'))), (0, _emotion.jsx)("div", {
+        css: this.props.styles.legendContainer
+      }, (0, _emotion.jsx)(_index2.default, {
         series: [{
-          className: styles.legendRect,
+          customStyles: this.props.styles.legendRect,
           label: (0, _formatMessage.default)('Number of Students')
         }]
       })));
@@ -116,5 +112,10 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
   }]);
   ScoreDistribution.displayName = "ScoreDistribution";
   return ScoreDistribution;
-}(_react.Component), _temp)) || _class);
+}(_react.Component), _class2.propTypes = {
+  decileDistribution: _propTypes.default.arrayOf(_propTypes.default.number),
+  styles: _propTypes.default.object
+}, _class2.defaultProps = {
+  decileDistribution: []
+}, _temp)) || _class);
 exports.ScoreDistribution = ScoreDistribution;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    legendRect: {
+      backgroundColor: componentTheme.legendRectFillColor
+    },
+    legendContainer: {
+      display: 'inline-flex',
+      columnGap: '10px',
+      padding: "".concat(componentTheme.legendPadding, " 0")
+    },
+    headingContainer: {
+      margin: "".concat(componentTheme.legendMargin, " 0")
+    },
+    chartLabel: {
+      textAlign: 'center'
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
       spacing = _ref.spacing,
       typography = _ref.typography;
@@ -16,4 +16,7 @@ function generator(_ref) {
     legendFontSize: typography.fontSizeXSmall,
     legendMargin: spacing.medium
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.4.1",
+  "version": "20.4.2-rc.1+866bb7620",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.0.0",
-    "@instructure/quiz-common": "^20.4.1",
-    "@instructure/quiz-i18n": "^20.4.1",
-    "@instructure/quiz-interactions": "^20.4.1",
-    "@instructure/quiz-number-input": "^20.4.1",
-    "@instructure/quiz-rce": "^20.4.1",
+    "@instructure/quiz-common": "20.4.2-rc.1+866bb7620",
+    "@instructure/quiz-i18n": "20.4.2-rc.1+866bb7620",
+    "@instructure/quiz-interactions": "20.4.2-rc.1+866bb7620",
+    "@instructure/quiz-number-input": "20.4.2-rc.1+866bb7620",
+    "@instructure/quiz-rce": "20.4.2-rc.1+866bb7620",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,12 +112,11 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^20.4.1",
+    "instructure-validations": "20.4.2-rc.1+866bb7620",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
     "jwt-simple": "^0.5.0",
-    "katex": "^0.10.2",
     "lodash": "^4.0.0",
     "luxon": "3.3.0",
     "normalizr": "3.2.2",
@@ -144,7 +143,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^20.4.1",
+    "@instructure/quiz-scripts": "20.4.1",
     "@instructure/ui-axe-check": "^8.51.0",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -164,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^20.4.1",
+    "quiz-presets": "20.4.2-rc.1+866bb7620",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -180,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f4da08ac40f798ef76ea6ac90f2828f3584c9509"
+  "gitHead": "866bb7620e430ba716d2c6ab9400751884366666"
 }