@instructure/quiz-core 21.1.1 → 22.0.0

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/theme.js

@@ -3,16 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors;
   return {
     tableBottomPadding: spacing.medium,
-    colorGreen: colors.shamrock,
-    colorGray: colors.tiara,
+    colorGreen: colors.contrasts.green4570,
+    colorGray: colors.contrasts.grey1214,
     cellPadding: '0.75rem 0.75rem'
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "default", {
     return _presenter.ExpandableCard;
   }
 });
-var _presenter = require("./presenter.js");
+var _presenter = require("./presenter");

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

@@ -5,40 +5,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExpandableCard = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
-var _index = _interopRequireDefault(require("../../../../../../../common/components/shared/Card/index.js"));
+var _Card = _interopRequireDefault(require("../../../../../../../common/components/shared/Card"));
 var _emotion = require("@instructure/emotion");
-var _index2 = _interopRequireDefault(require("../../../../../../../common/components/shared/ExpandButton/index.js"));
+var _ExpandButton = _interopRequireDefault(require("../../../../../../../common/components/shared/ExpandButton"));
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ExpandableCard;
 /** @jsx jsx */
-var ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ExpandableCard, _Component);
-  var _super = (0, _createSuper2.default)(ExpandableCard);
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var ExpandableCard = exports.ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
   function ExpandableCard() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ExpandableCard);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, ExpandableCard);
     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.state = {
+    _this2 = _callSuper(this, ExpandableCard, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       bodyExpanded: false
-    };
-    _this.handleBodyToggle = function () {
-      _this.setState({
-        bodyExpanded: !_this.state.bodyExpanded
+    });
+    (0, _defineProperty2["default"])(_this2, "handleBodyToggle", function () {
+      _this2.setState({
+        bodyExpanded: !_this2.state.bodyExpanded
       });
-    };
-    _this.renderGroup = function () {
-      var headLine = _this.props.headLine;
+    });
+    (0, _defineProperty2["default"])(_this2, "renderGroup", function () {
+      var headLine = _this2.props.headLine;
       return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         alignItems: "start"
@@ -48,16 +63,16 @@ var ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
         margin: "xx-small none none none"
       }, headLine), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none none none x-small"
-      }, (0, _emotion.jsx)(_index2.default, {
-        onClick: _this.handleBodyToggle,
-        title: _this.state.bodyExpanded ? (0, _formatMessage.default)('collapse group result') : (0, _formatMessage.default)('expand group result'),
-        isExpanded: _this.state.bodyExpanded
+      }, (0, _emotion.jsx)(_ExpandButton["default"], {
+        onClick: _this2.handleBodyToggle,
+        title: _this2.state.bodyExpanded ? (0, _formatMessage["default"])('collapse group result') : (0, _formatMessage["default"])('expand group result'),
+        isExpanded: _this2.state.bodyExpanded
       })));
-    };
-    _this.renderBody = function () {
-      var _this$props = _this.props,
-        content = _this$props.content,
-        styles = _this$props.styles;
+    });
+    (0, _defineProperty2["default"])(_this2, "renderBody", function () {
+      var _this2$props = _this2.props,
+        content = _this2$props.content,
+        styles = _this2$props.styles;
       var bodyContainer = styles.bodyContainer;
       return (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: true,
@@ -65,14 +80,14 @@ var ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
       }, (0, _emotion.jsx)("div", {
         css: bodyContainer
       }, content));
-    };
-    _this.render = function () {
-      var styles = _this.props.styles;
+    });
+    (0, _defineProperty2["default"])(_this2, "render", function () {
+      var styles = _this2.props.styles;
       var groupWrapper = styles.groupWrapper;
-      var bodyExpanded = _this.state.bodyExpanded;
+      var bodyExpanded = _this2.state.bodyExpanded;
       return (0, _emotion.jsx)("div", {
         css: groupWrapper
-      }, (0, _emotion.jsx)(_index.default, null, (0, _emotion.jsx)(_quizCommon.Flex, {
+      }, (0, _emotion.jsx)(_Card["default"], null, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column",
         justifyItems: "start"
       }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
@@ -86,14 +101,14 @@ var ExpandableCard = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
         shouldShrink: true,
         padding: "x-small small x-small small",
         overflowY: "hidden"
-      }, _this.renderGroup()), bodyExpanded && _this.renderBody())))));
-    };
-    return _this;
+      }, _this2.renderGroup()), bodyExpanded && _this2.renderBody())))));
+    });
+    return _this2;
   }
-  return ExpandableCard;
-}(_react.Component), _ExpandableCard.displayName = 'ExpandableCard', _ExpandableCard.componentId = "Quizzes".concat(_ExpandableCard.displayName), _ExpandableCard.propTypes = {
-  headLine: _propTypes.default.node,
-  content: _propTypes.default.node,
-  styles: _propTypes.default.object
-}.isRequired, _ExpandableCard)) || _class);
-exports.ExpandableCard = ExpandableCard;
+  (0, _inherits2["default"])(ExpandableCard, _Component);
+  return (0, _createClass2["default"])(ExpandableCard);
+}(_react.Component), (0, _defineProperty2["default"])(_ExpandableCard, "displayName", 'ExpandableCard'), (0, _defineProperty2["default"])(_ExpandableCard, "componentId", "Quizzes".concat(_ExpandableCard.displayName)), (0, _defineProperty2["default"])(_ExpandableCard, "propTypes", {
+  headLine: _propTypes["default"].node,
+  content: _propTypes["default"].node,
+  styles: _propTypes["default"].object
+}.isRequired), _ExpandableCard)) || _class);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     groupWrapper: {
@@ -18,5 +18,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme() {
   return {
     cardMinWidth: '500px'
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ExportButton/index.js

@@ -4,34 +4,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ExportButton = void 0;
+exports["default"] = exports.ExportButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _propTypes2 = require("../../common/propTypes.js");
+var _propTypes2 = require("../../common/propTypes");
 var _uiText = require("@instructure/ui-text");
 var _uiButtons = require("@instructure/ui-buttons");
 /**
  * @deprecated this component is deprecated.
  * Please, use quiz-core/src/reporting/components/resources/common/ExportButton instead.
  */
-var ExportButton = function ExportButton(_ref) {
+var ExportButton = exports.ExportButton = function ExportButton(_ref) {
   var quizAnalysis = _ref.quizAnalysis,
     generationInProgress = _ref.generationInProgress,
     handleExport = _ref.handleExport;
   var renderExportButton = function renderExportButton(enabled) {
     var interaction = enabled ? 'enabled' : 'disabled';
     var color = enabled ? 'secondary' : 'primary-inverse';
-    return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+    return /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
       color: color,
       interaction: interaction,
       onClick: handleExport,
       themeOverride: {
         lineHeight: '24px'
       }
-    }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+    }, /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
       size: "medium"
-    }, (0, _formatMessage.default)('Export CSV')));
+    }, (0, _formatMessage["default"])('Export CSV')));
   };
   if (generationInProgress || !quizAnalysis) {
     return renderExportButton(false);
@@ -40,11 +40,9 @@ var ExportButton = function ExportButton(_ref) {
     return renderExportButton(true);
   }
 };
-exports.ExportButton = ExportButton;
 ExportButton.propTypes = {
   quizAnalysis: _propTypes2.quizAnalysisPropType.isRequired,
-  generationInProgress: _propTypes.default.bool.isRequired,
-  handleExport: _propTypes.default.func.isRequired
+  generationInProgress: _propTypes["default"].bool.isRequired,
+  handleExport: _propTypes["default"].func.isRequired
 };
-var _default = ExportButton;
-exports.default = _default;
+var _default = exports["default"] = ExportButton;

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _presenter = require("./presenter.js");
-var _default = _presenter.MetricPopover;
-exports.default = _default;
+exports["default"] = void 0;
+var _presenter = require("./presenter");
+var _default = exports["default"] = _presenter.MetricPopover;

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

@@ -7,8 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.MetricPopover = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _uiView = require("@instructure/ui-view");
 var _uiButtons = require("@instructure/ui-buttons");
@@ -18,74 +20,84 @@ var _uiText = require("@instructure/ui-text");
 var _uiPopover = require("@instructure/ui-popover");
 var _uiHeading = require("@instructure/ui-heading");
 var _emotion = require("@instructure/emotion");
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _styles = _interopRequireDefault(require("./styles"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _MetricPopover;
 /** @jsx jsx */
-var _ref = (0, _emotion.jsx)(_uiIcons.IconInfoLine, {
-  size: "x-small"
-});
-var MetricPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_MetricPopover = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(MetricPopover, _Component);
-  var _super = (0, _createSuper2.default)(MetricPopover);
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var MetricPopover = exports.MetricPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_MetricPopover = /*#__PURE__*/function (_Component) {
   function MetricPopover() {
-    var _this;
-    (0, _classCallCheck2.default)(this, MetricPopover);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, MetricPopover);
     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.state = {
+    _this2 = _callSuper(this, MetricPopover, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       isContentVisible: false
-    };
-    _this.showPopover = function () {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "showPopover", function () {
+      _this2.setState({
         isContentVisible: true
       });
-    };
-    _this.hidePopover = function () {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "hidePopover", function () {
+      _this2.setState({
         isContentVisible: false
       });
-    };
-    _this.render = function () {
+    });
+    (0, _defineProperty2["default"])(_this2, "render", function () {
       return (0, _emotion.jsx)(_uiPopover.Popover, {
-        renderTrigger: _this.renderPopoverTrigger(),
+        renderTrigger: _this2.renderPopoverTrigger(),
         on: "click",
-        screenReaderLabel: _this.props.screenReaderLabel,
+        screenReaderLabel: _this2.props.screenReaderLabel,
         shouldContainFocus: true,
         shouldReturnFocus: true,
-        onShowContent: _this.showPopover,
-        onHideContent: _this.hidePopover,
-        isShowingContent: _this.state.isContentVisible
+        onShowContent: _this2.showPopover,
+        onHideContent: _this2.hidePopover,
+        isShowingContent: _this2.state.isContentVisible
       }, (0, _emotion.jsx)(_uiView.View, {
         padding: "medium",
         as: "div",
         display: "block",
         width: "248px"
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.closeIconContainer
+        css: _this2.props.styles.closeIconContainer
       }, (0, _emotion.jsx)(_uiButtons.CloseButton, {
-        onClick: _this.hidePopover,
-        screenReaderLabel: (0, _formatMessage.default)('Close popover')
+        onClick: _this2.hidePopover,
+        screenReaderLabel: (0, _formatMessage["default"])('Close popover')
       })), (0, _emotion.jsx)("div", {
-        css: _this.props.styles.headerContainer
+        css: _this2.props.styles.headerContainer
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h3"
-      }, _this.props.title)), (0, _emotion.jsx)("div", null, _this.props.subtitle && (0, _emotion.jsx)(_uiHeading.Heading, {
+      }, _this2.props.title)), (0, _emotion.jsx)("div", null, _this2.props.subtitle && (0, _emotion.jsx)(_uiHeading.Heading, {
         themeOverride: {
           h5FontWeight: 700
         },
         level: "h5"
-      }, _this.props.subtitle), (0, _emotion.jsx)(_uiText.Text, {
+      }, _this2.props.subtitle), (0, _emotion.jsx)(_uiText.Text, {
         size: "small"
-      }, _this.props.body))));
-    };
-    return _this;
+      }, _this2.props.body))));
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(MetricPopover, [{
+  (0, _inherits2["default"])(MetricPopover, _Component);
+  return (0, _createClass2["default"])(MetricPopover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -107,19 +119,19 @@ var MetricPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         withBackground: false,
         withBorder: false,
         screenReaderLabel: this.props.screenReaderLabel,
-        renderIcon: _ref
+        renderIcon: (0, _emotion.jsx)(_uiIcons.IconInfoLine, {
+          size: "x-small"
+        })
       });
     }
   }]);
-  return MetricPopover;
-}(_react.Component), _MetricPopover.displayName = 'MetricPopover', _MetricPopover.componentId = "Quizzes".concat(_MetricPopover.displayName), _MetricPopover.propTypes = {
-  screenReaderLabel: _propTypes.default.string.isRequired,
-  title: _propTypes.default.string.isRequired,
-  subtitle: _propTypes.default.string,
-  body: _propTypes.default.string.isRequired,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _MetricPopover.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_MetricPopover, "displayName", 'MetricPopover'), (0, _defineProperty2["default"])(_MetricPopover, "componentId", "Quizzes".concat(_MetricPopover.displayName)), (0, _defineProperty2["default"])(_MetricPopover, "propTypes", {
+  screenReaderLabel: _propTypes["default"].string.isRequired,
+  title: _propTypes["default"].string.isRequired,
+  subtitle: _propTypes["default"].string,
+  body: _propTypes["default"].string.isRequired,
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), (0, _defineProperty2["default"])(_MetricPopover, "defaultProps", {
   subtitle: ''
-}, _MetricPopover)) || _class);
-exports.MetricPopover = MetricPopover;
+}), _MetricPopover)) || _class);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     headerContainer: {
@@ -17,5 +17,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     headerPaddingBottom: spacing.medium
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "default", {
     return _presenter.BlankIcon;
   }
 });
-var _presenter = require("./presenter.js");
+var _presenter = require("./presenter");

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

@@ -7,24 +7,39 @@ Object.defineProperty(exports, "__esModule", {
 exports.BlankIcon = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BlankIcon;
 /** @jsx jsx */
-var BlankIcon = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BlankIcon = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(BlankIcon, _Component);
-  var _super = (0, _createSuper2.default)(BlankIcon);
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var BlankIcon = exports.BlankIcon = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BlankIcon = /*#__PURE__*/function (_Component) {
   function BlankIcon() {
-    (0, _classCallCheck2.default)(this, BlankIcon);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, BlankIcon);
+    return _callSuper(this, BlankIcon, arguments);
   }
-  (0, _createClass2.default)(BlankIcon, [{
+  (0, _inherits2["default"])(BlankIcon, _Component);
+  return (0, _createClass2["default"])(BlankIcon, [{
     key: "render",
     value: function render() {
       var number = this.props.number;
@@ -33,10 +48,7 @@ var BlankIcon = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       }, number);
     }
   }]);
-  BlankIcon.displayName = "BlankIcon";
-  return BlankIcon;
-}(_react.Component), _BlankIcon.displayName = 'BlankIcon', _BlankIcon.componentId = "Quizzes".concat(_BlankIcon.displayName), _BlankIcon.propTypes = {
-  number: _propTypes.default.number.isRequired,
-  styles: _propTypes.default.object
-}.isRequired, _BlankIcon)) || _class);
-exports.BlankIcon = BlankIcon;
+}(_react.Component), (0, _defineProperty2["default"])(_BlankIcon, "displayName", 'BlankIcon'), (0, _defineProperty2["default"])(_BlankIcon, "componentId", "Quizzes".concat(_BlankIcon.displayName)), (0, _defineProperty2["default"])(_BlankIcon, "propTypes", {
+  number: _propTypes["default"].number.isRequired,
+  styles: _propTypes["default"].object
+}.isRequired), _BlankIcon)) || _class);

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     blankSpace: {
@@ -19,5 +19,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/theme.js

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
-    blankBorderColor: colors.tiara,
+    blankBorderColor: colors.contrasts.grey1214,
     blankBorderRadius: '14px',
     blankMinWidth: '20px',
     blankHeight: '20px'
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _reactRedux = require("../../../../../common/react-redux.js");
-var _featureCheck = require("../../../../../common/util/featureCheck.js");
-var _presenter = require("./presenter.js");
+exports["default"] = void 0;
+var _reactRedux = require("../../../../../common/react-redux");
+var _featureCheck = require("../../../../../common/util/featureCheck");
+var _presenter = require("./presenter");
 function mapStateToProps(_state) {
   return {
     afsFlags: {
@@ -26,5 +26,4 @@ function mapStateToProps(_state) {
   };
 }
 var NewItemAnalysis = (0, _reactRedux.connect)(mapStateToProps)(_presenter.NewItemAnalysis);
-var _default = NewItemAnalysis;
-exports.default = _default;
+var _default = exports["default"] = NewItemAnalysis;