@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

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

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

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

@@ -1,81 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MetricPopover = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _MetricPopover;
+/** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconInfoLine, {
   size: "x-small"
 });
-
-var MetricPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var MetricPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_MetricPopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MetricPopover, _Component);
-
   var _super = (0, _createSuper2.default)(MetricPopover);
-
   function MetricPopover() {
     var _this;
-
     (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 = {
       isContentVisible: false
     };
-
     _this.showPopover = function () {
       _this.setState({
         isContentVisible: true
       });
     };
-
     _this.hidePopover = function () {
       _this.setState({
         isContentVisible: false
       });
     };
-
     _this.render = function () {
       return (0, _emotion.jsx)(_uiPopover.Popover, {
         renderTrigger: _this.renderPopoverTrigger(),
@@ -109,10 +82,8 @@ var MetricPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         size: "small"
       }, _this.props.body))));
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(MetricPopover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -140,14 +111,14 @@ var MetricPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     }
   }]);
   return MetricPopover;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _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
-}, _class2.defaultProps = {
+}, _MetricPopover.defaultProps = {
   subtitle: ''
-}, _temp)) || _class);
+}, _MetricPopover)) || _class);
 exports.MetricPopover = MetricPopover;

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

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

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

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

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

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

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

@@ -1,42 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BlankIcon = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _dec, _class, _class2, _temp;
-
-var BlankIcon = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _BlankIcon;
+/** @jsx jsx */
+var BlankIcon = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BlankIcon = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BlankIcon, _Component);
-
   var _super = (0, _createSuper2.default)(BlankIcon);
-
   function BlankIcon() {
     (0, _classCallCheck2.default)(this, BlankIcon);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(BlankIcon, [{
     key: "render",
     value: function render() {
@@ -48,8 +34,8 @@ var BlankIcon = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }]);
   BlankIcon.displayName = "BlankIcon";
   return BlankIcon;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _BlankIcon.propTypes = {
   number: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object
-}.isRequired, _temp)) || _class);
+}.isRequired, _BlankIcon)) || _class);
 exports.BlankIcon = BlankIcon;

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

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

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
@@ -14,6 +13,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     blankHeight: '20px'
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

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

@@ -4,13 +4,9 @@ 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");
-
 function mapStateToProps(_state) {
   return {
     afsFlags: {
@@ -29,7 +25,6 @@ function mapStateToProps(_state) {
     }
   };
 }
-
 var NewItemAnalysis = (0, _reactRedux.connect)(mapStateToProps)(_presenter.NewItemAnalysis);
 var _default = NewItemAnalysis;
 exports.default = _default;

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pearsonCorrelation = exports.discriminationIndex = exports.difficultyIndex = void 0;
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var difficultyIndex = {
   title: (0, _formatMessage.default)('Item Difficulty (p value)'),
   body: (0, _formatMessage.default)('Item difficulty is the proportion of individuals who answered an item correctly. Multiplying this value by 100 equals the percentage of individuals who answered an item correctly. Values range from 0 to 1.'),

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

@@ -1,107 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NewItemAnalysis = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = require("react");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _index = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton/index.js"));
-
 var _uiText = require("@instructure/ui-text");
-
 var _emotion = require("@instructure/emotion");
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
 var _popoverContent = require("./popoverContent.js");
-
 var _index2 = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
-
 var _index3 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
-
 var _index4 = _interopRequireDefault(require("../AnalysisPopoverMetric/index.js"));
-
 var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata.js");
-
 var _index5 = _interopRequireDefault(require("../AnswerFrequencySummary/index.js"));
-
 var _propTypes2 = require("../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");
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _NewItemAnalysis;
+/** @jsx jsx */
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';
-var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewItemAnalysis, _Component);
-
   var _super = (0, _createSuper2.default)(NewItemAnalysis);
-
   function NewItemAnalysis() {
     var _this;
-
     (0, _classCallCheck2.default)(this, NewItemAnalysis);
-
     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 = {
       bodyExpanded: false,
       metricsExpanded: false,
       itemCardBodyHeight: 0
     };
-
     _this.mapInteractionTypeToTranslation = function (interactionType) {
       return (0, _interactionTypeMetadata.interactionTypesNameDictionary)({
         slug: interactionType,
         name: (0, _formatMessage.default)('Question')
       });
     };
-
     _this.handleMetricToggle = function () {
       _this.setState({
         metricsExpanded: !_this.state.metricsExpanded
       });
     };
-
     _this.handleBodyToggle = function () {
       _this.setState({
         bodyExpanded: !_this.state.bodyExpanded
       });
     };
-
     _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
       var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
       return _formatMessage.default.rich('{score, number}<s>/{possible, number} PTS</s>', {
@@ -116,7 +80,6 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         possible: pointsPossible
       });
     };
-
     _this.renderTitle = function (title) {
       return (0, _emotion.jsx)(_uiHeading.Heading, {
         margin: "0 x-large small 0",
@@ -124,7 +87,6 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         color: "primary"
       }, title);
     };
-
     _this.renderInteractionType = function (interactionType) {
       return (0, _emotion.jsx)(_uiText.Text, {
         size: "medium",
@@ -132,24 +94,20 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         transform: "capitalize"
       }, _this.mapInteractionTypeToTranslation(interactionType));
     };
-
     _this.isBlank = function (element) {
       if (element.textContent) return false;
       if (!element.hasAttribute('id')) return false;
       var regex = new RegExp('^blank_.+$');
       return regex.test(element.getAttribute('id'));
     };
-
     _this.enhanceItemBody = function (itemBody) {
       var tempDoc = parser.parseFromString(itemBody, parseType);
       var errorNode = tempDoc.querySelector(parsererrorElement);
-
       if (errorNode) {
         // eslint-disable-next-line no-console
         console.error('Parsing failed: ', errorNode);
         return itemBody;
       }
-
       Array.from(tempDoc.querySelectorAll('span')).filter(function (span) {
         return _this.isBlank(span);
       }).forEach(function (span, index) {
@@ -160,7 +118,6 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       });
       return tempDoc.querySelector('body').innerHTML;
     };
-
     _this.renderRichContent = function (itemBody, itemId) {
       return (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "row",
@@ -183,7 +140,6 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         isExpanded: _this.state.bodyExpanded
       })))));
     };
-
     _this.renderMetrics = function (scores) {
       return (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "column"
@@ -242,7 +198,6 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         popoverDescription: _popoverContent.pearsonCorrelation
       }))))));
     };
-
     _this.renderAnswerSummaryTable = function (itemId, answer_summary, interactionType, afsFlags) {
       return (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)("div", {
         css: _this.props.styles.hiddenWhenNotExpanded
@@ -253,18 +208,15 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         afsFlags: afsFlags
       })));
     };
-
     _this.shouldEnhanceItemBody = function () {
       var _this$props = _this.props,
-          itemAnalysis = _this$props.itemAnalysis,
-          afsFlags = _this$props.afsFlags;
+        itemAnalysis = _this$props.itemAnalysis,
+        afsFlags = _this$props.afsFlags;
       var metadata = itemAnalysis.metadata;
       return afsFlags.fillInTheBlankEnabled && metadata.interaction_type === _quizCommon.RICH_FILL_BLANK_SLUG && metadata.item_body;
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(NewItemAnalysis, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
@@ -278,7 +230,6 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.props.makeStyles({
         metricsExpanded: this.state.metricsExpanded,
         itemCardBodyHeight: this.state.itemCardBodyHeight,
@@ -292,7 +243,6 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "calculateItemCardBodyHeight",
     value: function calculateItemCardBodyHeight(id) {
       var element = document.getElementById(this.itemCardBodyId(id));
-
       if (element) {
         var height = element.clientHeight;
         this.setState({
@@ -315,13 +265,12 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "render",
     value: function render() {
       var _metadata$item_title;
-
       var _this$props2 = this.props,
-          itemAnalysis = _this$props2.itemAnalysis,
-          afsFlags = _this$props2.afsFlags;
+        itemAnalysis = _this$props2.itemAnalysis,
+        afsFlags = _this$props2.afsFlags;
       var answer_summary = itemAnalysis.answer_summary,
-          metadata = itemAnalysis.metadata,
-          scores = itemAnalysis.scores;
+        metadata = itemAnalysis.metadata,
+        scores = itemAnalysis.scores;
       var itemId = metadata.item_id;
       var interactionType = metadata.interaction_type;
       var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : (0, _formatMessage.default)('Untitled item');
@@ -351,10 +300,10 @@ var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   NewItemAnalysis.displayName = "NewItemAnalysis";
   return NewItemAnalysis;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _NewItemAnalysis.propTypes = {
   itemAnalysis: _propTypes2.itemAnalysisPropType,
   afsFlags: _propTypes2.afsFlags,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _temp)) || _class);
+}, _NewItemAnalysis)) || _class);
 exports.NewItemAnalysis = NewItemAnalysis;

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props, state) {
   var isBodyHigherThanContainer = state.itemCardBodyHeight > 48;
   return {
@@ -80,6 +77,5 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

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

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      breakpoints = _ref.breakpoints,
-      typography = _ref.typography,
-      colors = _ref.colors;
+    breakpoints = _ref.breakpoints,
+    typography = _ref.typography,
+    colors = _ref.colors;
   return {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large),
     cardWrapperPadding: spacing.medium,
@@ -22,6 +21,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     blankHeight: '20px'
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

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

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _presenter = require("./presenter.js");
-
 var _default = _presenter.NewQuizAnalysis;
 exports.default = _default;

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cronbachsAlpha = exports.standardDeviation = void 0;
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var standardDeviation = {
   title: (0, _formatMessage.default)('Standard Deviation'),
   body: (0, _formatMessage.default)('Standard deviation is a measure of the average absolute deviation of scores around the mean. A low standard deviation indicates, on average, the scores tend to be close to the mean of the set. A high value indicates, on average, scores vary widely from the mean of the data set.'),