@instructure/quiz-core 20.17.2-rc.8 → 20.17.2

package/lib/reporting/components/charts/CentileDistribution/theme.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      typography = _ref.typography,
-      breakpoints = _ref.breakpoints;
+    typography = _ref.typography,
+    breakpoints = _ref.breakpoints;
   return {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     phoneBarLabelFontSize: typography.fontSizeLarge
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/reporting/components/charts/Distribution/CentileDistribution.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CentileDistribution = void 0;
-
 var _presenter = require("../CentileDistribution/presenter.js");
-
 // We need to keep this file for backwards compatibility
-var CentileDistribution = _presenter.CentileDistribution;
-exports.CentileDistribution = CentileDistribution;
-var _default = CentileDistribution;
-exports.default = _default;
+
+var CentileDistribution = exports.CentileDistribution = _presenter.CentileDistribution;
+var _default = exports.default = CentileDistribution;

package/lib/reporting/components/charts/Distribution/Distribution.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 // We need to keep this file for backwards compatibility
-var _default = _presenter.default;
-exports.default = _default;
+var _default = exports.default = _presenter.default;

package/lib/reporting/components/charts/Distribution/QuintileDistribution.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _presenter = _interopRequireDefault(require("../QuintileDistribution/presenter.js"));
-
 // We need to keep this file for backwards compatibility
-var _default = _presenter.default;
-exports.default = _default;
+var _default = exports.default = _presenter.default;

package/lib/reporting/components/charts/Distribution/index.js

@@ -1,13 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var _default = _presenter.default;
-exports.default = _default;
+var _default = exports.default = _presenter.default;

package/lib/reporting/components/charts/Distribution/presenter.js

@@ -1,83 +1,53 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Distribution = exports.starPathData = void 0;
-
+exports.starPathData = exports.default = exports.Distribution = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = require("prop-types");
-
 var _d3Array = require("d3-array");
-
 var _d3Axis = require("d3-axis");
-
 var _d3Scale = require("d3-scale");
-
 var _d3Selection = require("d3-selection");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _d3Transition = require("d3-transition");
-
 var _flow = _interopRequireDefault(require("lodash/flow"));
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Distribution;
+/** @jsx jsx */
 // Star path copied from instructure-icons/svg/Solid/star.svg
 // eslint-disable-next-line max-len
-var starPathData = 'M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.473 47.66 15.473 16.716 0 33.432-5.195 47.775-15.586l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03';
-exports.starPathData = starPathData;
+var starPathData = exports.starPathData = 'M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.473 47.66 15.473 16.716 0 33.432-5.195 47.775-15.586l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03';
 var MARGIN_T = 0;
 var MARGIN_B = 28;
-var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Distribution, _Component);
-
-  var _super = (0, _createSuper2.default)(Distribution);
-
+var Distribution = exports.Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Distribution = /*#__PURE__*/function (_Component) {
   function Distribution() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Distribution);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, Distribution, [].concat(args));
     _this._isStarred = function (d, i) {
       return typeof _this.props.starIndex === 'number' && i === _this.props.starIndex;
     };
-
     _this._renderStar = function (svg) {
       if (typeof _this.props.starIndex !== 'number') return;
       var star = svg.append('path').attr('d', starPathData).attr('style', (0, _emotion.css)(_this.props.styles.barStar).styles);
       var starIndex = _this.props.starIndex;
       var starX = _this.x(starIndex) + _this.x.bandwidth() / 2;
-      var starY = _this.y(_this.props.visualDistribution[starIndex]) - 30; // scale the star down and position it on the x axis - y axis will be applied by animation
-
+      var starY = _this.y(_this.props.visualDistribution[starIndex]) - 30;
+      // scale the star down and position it on the x axis - y axis will be applied by animation
       var xTransform = "translate(".concat(starX, " 0) scale(0.011) translate(-960 0)");
-
       _this.applyTransition(star, function (rects) {
         return rects.attr('opacity', 0).attr('transform', "translate(0 ".concat(starY + 20, ") ").concat(xTransform));
       }, function (rects) {
@@ -86,34 +56,27 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         return transition.delay(_this.props.animateDuration).duration(600);
       });
     };
-
     _this.applyTransition = function (selection, initialFunc, finalFunc, transitionFunc) {
       var identity = function identity(s) {
         return s;
       };
-
       var transition = function transition(s) {
         return s.transition(_this.getTransition());
       };
-
       var applicators = [];
-
       if (_this.isAnimated()) {
         applicators.push(initialFunc || identity, transition, transitionFunc || identity);
       }
-
       applicators.push(finalFunc || identity);
       return (0, _flow.default)(applicators)(selection);
     };
-
     _this.setChartRef = function (ref) {
       _this.chart = ref;
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(Distribution, [{
+  (0, _inherits2.default)(Distribution, _Component);
+  return (0, _createClass2.default)(Distribution, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.__svg = this.createChart(this.chart, this.props);
@@ -167,17 +130,13 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     key: "summarizeChart",
     value: function summarizeChart() {
       var data = this.props.summaryDistribution || this.props.visualDistribution;
-
       if (data.length <= 1) {
         return '';
       }
-
       var avgInfo = this.weightedAvg(data);
-
       if (avgInfo.belowAvg + avgInfo.aboveAvg < 1) {
         return '';
       }
-
       var textForScreenreaders = (0, _formatMessage.default)('{aboveAvg} students scored above or at the average, and {belowAvg} below. ', {
         aboveAvg: avgInfo.aboveAvg,
         belowAvg: avgInfo.belowAvg
@@ -216,9 +175,7 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     key: "updateChart",
     value: function updateChart(svg, props) {
       this.renderBars(this.barContainer, props);
-
       this._renderStar(this.barContainer);
-
       this.props.updateChart(svg, this.x, this.y, this.applyTransition, this.barContainer, this.height);
     }
   }, {
@@ -226,7 +183,6 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     value: function removeChart() {
       if (this.__svg) {
         this.__svg.remove();
-
         delete this.__svg;
       }
     }
@@ -234,7 +190,6 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     key: "renderBars",
     value: function renderBars(node, props) {
       var _this2 = this;
-
       this.chartData = props.visualDistribution;
       var height = this.height;
       var x = this.x;
@@ -271,11 +226,12 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          chartWidth = _this$props.chartWidth,
-          chartHeight = _this$props.chartHeight;
-      var viewportHeight = chartHeight + MARGIN_T + MARGIN_B; // IE11 sizes svg elements incorrectly, so we render a canvas element to
-      // layout space for the chart, then position the svg absolute on top of it.
+        chartWidth = _this$props.chartWidth,
+        chartHeight = _this$props.chartHeight;
+      var viewportHeight = chartHeight + MARGIN_T + MARGIN_B;
 
+      // IE11 sizes svg elements incorrectly, so we render a canvas element to
+      // layout space for the chart, then position the svg absolute on top of it.
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, {
         as: "div"
       }, (0, _emotion.jsx)("div", {
@@ -304,31 +260,25 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
       return svg.append('title').text(title);
     }
   }]);
-  Distribution.displayName = "Distribution";
-  return Distribution;
-}(_react.Component), _class2.displayName = 'Distribution', _class2.propTypes = {
+}(_react.Component), _Distribution.displayName = 'Distribution', _Distribution.propTypes = {
   animateDelay: _propTypes.PropTypes.number,
   animateDuration: _propTypes.PropTypes.number,
   // ESLint thinks these props aren't used but they are via a call chain in componentDidMount
-
   /* eslint-disable react/no-unused-prop-types */
   barPaddingInner: _propTypes.PropTypes.number,
   // Spacing between bars, so each is visible, could be accomplished by borders
   barPaddingOuter: _propTypes.PropTypes.number,
   // Spacing between bars, so each is visible, could be accomplished by borders
   barPaddingTop: _propTypes.PropTypes.number,
-
   /* eslint-enable react/no-unused-prop-types */
   chartHeight: _propTypes.PropTypes.number.isRequired,
   // Height in pixels
   chartWidth: _propTypes.PropTypes.number,
-
   /* *
    * * a fallback minimal distribution for tab-able, keyboard navigable buckets
    * * typically this will be ~ 10 buckets
    * */
   summaryDistribution: _propTypes.PropTypes.arrayOf(_propTypes.PropTypes.node),
-
   /* *
    * * A list of score values for each bucket.  Size of this array determines the number of buckets
    * */
@@ -340,7 +290,7 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   updateChart: _propTypes.PropTypes.func,
   starIndex: _propTypes.PropTypes.number,
   styles: _propTypes.PropTypes.object
-}, _class2.defaultProps = {
+}, _Distribution.defaultProps = {
   animateDelay: 200,
   animateDuration: 900,
   barPaddingInner: 0.25,
@@ -362,7 +312,7 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   },
   updateChart: Function.prototype,
   starIndex: null
-}, _temp)) || _class);
+}, _Distribution)) || _class);
 /**
  *   A component to render an a11y friendly distribution of scores across users.
  *   Underneath the chart is two accessible features:
@@ -377,7 +327,4 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
  *      />
  *      ```
  *  **/
-
-exports.Distribution = Distribution;
-var _default = Distribution;
-exports.default = _default;
+var _default = exports.default = Distribution;

package/lib/reporting/components/charts/Distribution/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     bar: {
@@ -25,6 +24,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/reporting/components/charts/Distribution/theme.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     barFillColor: colors.electric,
     barStarFillColor: colors.fire,
@@ -17,6 +16,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     xAxisColor: colors.textDarkest
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/reporting/components/charts/Legend/index.js

@@ -1,47 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Legend = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _emotion = require("@instructure/emotion");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var Legend = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Legend, _Component);
-
-  var _super = (0, _createSuper2.default)(Legend);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _Legend;
+/** @jsx jsx */
+var Legend = exports.Legend = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Legend = /*#__PURE__*/function (_Component) {
   function Legend() {
     (0, _classCallCheck2.default)(this, Legend);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, Legend, arguments);
   }
-
-  (0, _createClass2.default)(Legend, [{
+  (0, _inherits2.default)(Legend, _Component);
+  return (0, _createClass2.default)(Legend, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -71,11 +54,10 @@ var Legend = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
     key: "render",
     value: function render() {
       var _this = this;
-
       var _this$props = this.props,
-          variant = _this$props.variant,
-          series = _this$props.series,
-          styles = _this$props.styles;
+        variant = _this$props.variant,
+        series = _this$props.series,
+        styles = _this$props.styles;
       var containerClass = variant === 'row' ? 'containerRow' : 'containerColumn';
       return (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)("div", {
         className: containerClass,
@@ -85,9 +67,7 @@ var Legend = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
       })));
     }
   }]);
-  Legend.displayName = "Legend";
-  return Legend;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _Legend.propTypes = {
   series: _propTypes.default.arrayOf(_propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
     customStyles: _propTypes.default.object.isRequired
@@ -95,10 +75,8 @@ var Legend = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   variant: _propTypes.default.oneOf(['column', 'row']),
   makeStyles: _propTypes.default.func,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _Legend.defaultProps = {
   series: [],
   variant: 'column'
-}, _temp)) || _class);
-exports.Legend = Legend;
-var _default = Legend;
-exports.default = _default;
+}, _Legend)) || _class);
+var _default = exports.default = Legend;

package/lib/reporting/components/charts/Legend/styles.js

@@ -1,14 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var containerVariant = {
     row: {
@@ -49,6 +46,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/reporting/components/charts/Legend/theme.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var borders = _ref.borders,
-      spacing = _ref.spacing,
-      colors = _ref.colors,
-      typography = _ref.typography;
+    spacing = _ref.spacing,
+    colors = _ref.colors,
+    typography = _ref.typography;
   return {
     containerBorderWidth: borders.widthSmall,
     containerBorderColor: colors.tiara,
@@ -22,6 +21,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     seriesLabelColor: colors.textDarkest
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/reporting/components/charts/QuintileDistribution/QuintileDistribution.examples.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   propValues: {
     animateDelay: [0],
     animateDuration: [0],
@@ -12,5 +12,4 @@ var _default = {
     chartWidth: [1280],
     visualDistribution: [[1, 3, 5, 3, 1]]
   }
-};
-exports.default = _default;
+};

package/lib/reporting/components/charts/QuintileDistribution/index.js

@@ -1,13 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var _default = _presenter.default;
-exports.default = _default;
+var _default = exports.default = _presenter.default;