@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

package/lib/common/components/shared/overlay/index.js

@@ -1,51 +1,41 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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 = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("@instructure/emotion");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var Overlay = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Overlay, _Component);
-
-  var _super = (0, _createSuper2.default)(Overlay);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _Overlay;
+/** @jsx jsx */
+/* eslint "jsx-a11y/click-events-have-key-events": "warn" */
+/* eslint "jsx-a11y/no-static-element-interactions": "warn" */
+/* eslint-disable-next-line no-unused-vars */
+/*
+ * We might be able to do the mouse over stuff automatically inside of this
+ * component but it seems like this is the simplest and best choice for now.
+ */
+var Overlay = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Overlay = /*#__PURE__*/function (_Component) {
   function Overlay() {
     (0, _classCallCheck2.default)(this, Overlay);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, Overlay, arguments);
   }
-
-  (0, _createClass2.default)(Overlay, [{
+  (0, _inherits2.default)(Overlay, _Component);
+  return (0, _createClass2.default)(Overlay, [{
     key: "overlayDiv",
     value: function overlayDiv() {
       if (this.props.hideOverlay) {
         return null;
       }
-
       return (0, _emotion.jsx)("div", {
         role: "presentation",
         className: "overlay",
@@ -58,10 +48,10 @@ var Overlay = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          wrapperStyles = _this$props.wrapperStyles,
-          children = _this$props.children,
-          tabIndex = _this$props.tabIndex,
-          ariaLabel = _this$props.ariaLabel;
+        wrapperStyles = _this$props.wrapperStyles,
+        children = _this$props.children,
+        tabIndex = _this$props.tabIndex,
+        ariaLabel = _this$props.ariaLabel;
       return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_emotion.Global, {
         styles: {
           'body.tox-fullscreen .overlay': {
@@ -76,9 +66,7 @@ var Overlay = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
       }, this.overlayDiv(), children));
     }
   }]);
-  Overlay.displayName = "Overlay";
-  return Overlay;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _Overlay.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element)]).isRequired,
   hideOverlay: _propTypes.default.bool,
   onClick: _propTypes.default.func.isRequired,
@@ -86,11 +74,10 @@ var Overlay = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   tabIndex: _propTypes.default.string,
   ariaLabel: _propTypes.default.string,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _Overlay.defaultProps = {
   hideOverlay: false,
   tabIndex: '0',
   wrapperStyles: {},
   ariaLabel: void 0
-}, _temp)) || _class);
-var _default = Overlay;
-exports.default = _default;
+}, _Overlay)) || _class);
+var _default = exports.default = Overlay;

package/lib/common/components/shared/overlay/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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var generateStyle = function generateStyle(componentTheme) {
   var printMq = '@media print';
   return {
@@ -33,6 +30,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/common/components/shared/overlay/theme.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
+    borders = _ref.borders,
+    spacing = _ref.spacing;
   return {
     overlayZIndex: '2222',
     overlayBarColor: colors.electric,
     overlayBarSize: '0.3rem'
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/common/components/shared/return_button/ReturnButton.js

@@ -1,51 +1,34 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ReturnButton = 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 = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _index = require("../../layout/navbar/SecondaryNavBarButton/index.js");
-
-var ReturnButton = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ReturnButton, _Component);
-
-  var _super = (0, _createSuper2.default)(ReturnButton);
-
+var _SecondaryNavBarButton = require("../../layout/navbar/SecondaryNavBarButton");
+var ReturnButton = exports.ReturnButton = /*#__PURE__*/function (_Component) {
   function ReturnButton() {
     (0, _classCallCheck2.default)(this, ReturnButton);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, ReturnButton, arguments);
   }
-
-  (0, _createClass2.default)(ReturnButton, [{
+  (0, _inherits2.default)(ReturnButton, _Component);
+  return (0, _createClass2.default)(ReturnButton, [{
     key: "render",
     value: function render() {
       if (!this.props.returnToUrl) {
         return null;
       }
-
       if (this.props.iceTopNavBarEnabled) {
-        return /*#__PURE__*/_react.default.createElement(_index.SecondaryNavBarButton, {
+        return /*#__PURE__*/_react.default.createElement(_SecondaryNavBarButton.SecondaryNavBarButton, {
           id: this.props.id,
           key: this.props.id,
           variant: "button",
@@ -54,7 +37,6 @@ var ReturnButton = /*#__PURE__*/function (_Component) {
           target: "_top"
         }, this.props.text);
       }
-
       return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         "data-automation": "sdk-return-button",
         href: this.props.returnToUrl,
@@ -62,11 +44,7 @@ var ReturnButton = /*#__PURE__*/function (_Component) {
       }, this.props.text);
     }
   }]);
-  ReturnButton.displayName = "ReturnButton";
-  return ReturnButton;
 }(_react.Component);
-
-exports.ReturnButton = ReturnButton;
 ReturnButton.propTypes = {
   returnToUrl: _propTypes.default.string,
   text: _propTypes.default.string,
@@ -79,5 +57,5 @@ ReturnButton.defaultProps = {
   id: 'ReturnButton',
   iceTopNavBarEnabled: false
 };
-var _default = ReturnButton;
-exports.default = _default;
+ReturnButton.displayName = 'ReturnButton';
+var _default = exports.default = ReturnButton;

package/lib/common/components/shared/spinner/Spinner.js

@@ -1,59 +1,40 @@
 "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.QuizzesSpinner = void 0;
-
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 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 _uiText = require("@instructure/ui-text");
-
 var _uiSpinner = require("@instructure/ui-spinner");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _dec, _class, _class2, _temp;
-
-var QuizzesSpinner = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizzesSpinner, _Component);
-
-  var _super = (0, _createSuper2.default)(QuizzesSpinner);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _dec, _class, _QuizzesSpinner;
+/** @jsx jsx */
+var QuizzesSpinner = exports.QuizzesSpinner = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_QuizzesSpinner = /*#__PURE__*/function (_Component) {
   function QuizzesSpinner(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, QuizzesSpinner);
-    _this = _super.call(this, props);
+    _this = (0, _callSuper2.default)(this, QuizzesSpinner, [props]);
     _this.state = {
       hidden: _this.props.delay && _this.props.delay > 0
     };
     return _this;
   }
-
-  (0, _createClass2.default)(QuizzesSpinner, [{
+  (0, _inherits2.default)(QuizzesSpinner, _Component);
+  return (0, _createClass2.default)(QuizzesSpinner, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       if (this.props.delay > 0) {
         this.timer = setTimeout(function () {
           _this2.setState({
@@ -73,9 +54,9 @@ var QuizzesSpinner = (_dec = (0, _emotion.withStyle)(_styles.default, null), _de
     key: "mainText",
     value: function mainText() {
       var _this$props = this.props,
-          color = _this$props.color,
-          mainText = _this$props.mainText,
-          fontSize = _this$props.fontSize;
+        color = _this$props.color,
+        mainText = _this$props.mainText,
+        fontSize = _this$props.fontSize;
       return (0, _emotion.jsx)(_uiText.Text, {
         size: fontSize,
         color: color
@@ -85,9 +66,9 @@ var QuizzesSpinner = (_dec = (0, _emotion.withStyle)(_styles.default, null), _de
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          size = _this$props2.size,
-          minHeight = _this$props2.minHeight,
-          styles = _this$props2.styles;
+        size = _this$props2.size,
+        minHeight = _this$props2.minHeight,
+        styles = _this$props2.styles;
       var hidden = this.state.hidden;
       if (hidden) return null;
       return (0, _emotion.jsx)("div", {
@@ -101,9 +82,7 @@ var QuizzesSpinner = (_dec = (0, _emotion.withStyle)(_styles.default, null), _de
       })), (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, this.mainText())));
     }
   }]);
-  QuizzesSpinner.displayName = "QuizzesSpinner";
-  return QuizzesSpinner;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _QuizzesSpinner.propTypes = {
   mainText: _propTypes.default.string,
   fontSize: _propTypes.default.oneOf(['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
   size: _propTypes.default.oneOf(['x-small', 'small', 'medium', 'large']),
@@ -111,13 +90,11 @@ var QuizzesSpinner = (_dec = (0, _emotion.withStyle)(_styles.default, null), _de
   minHeight: _propTypes.default.string,
   styles: _propTypes.default.object,
   delay: _propTypes.default.number
-}, _class2.defaultProps = {
+}, _QuizzesSpinner.defaultProps = {
   mainText: null,
   size: 'large',
   fontSize: 'xx-large',
   minHeight: '500px',
   color: 'primary'
-}, _temp)) || _class);
-exports.QuizzesSpinner = QuizzesSpinner;
-var _default = QuizzesSpinner;
-exports.default = _default;
+}, _QuizzesSpinner)) || _class);
+var _default = exports.default = QuizzesSpinner;

package/lib/common/components/shared/spinner/styles.js

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

package/lib/common/kinesis/QuizEventsLogger.js

@@ -1,44 +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.fetchLogger = exports.QuizEventsLogger = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
+exports.fetchLogger = exports.default = exports.QuizEventsLogger = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _StreamQueue = _interopRequireDefault(require("./StreamQueue.js"));
-
-var _client = _interopRequireDefault(require("./client.js"));
-
+var _StreamQueue = _interopRequireDefault(require("./StreamQueue"));
+var _client = _interopRequireDefault(require("./client"));
 var KINESIS_REFRESH_THRESHOLD = 600000; // 10 minutes
-
-var QuizEventsLogger = /*#__PURE__*/function () {
+var QuizEventsLogger = exports.QuizEventsLogger = /*#__PURE__*/function () {
   function QuizEventsLogger() {
     (0, _classCallCheck2.default)(this, QuizEventsLogger);
-
     for (var _len = arguments.length, streamQueues = new Array(_len), _key = 0; _key < _len; _key++) {
       streamQueues[_key] = arguments[_key];
     }
-
     this.streamQueues = streamQueues;
     this.eventTypeDict = Object.create(null);
     this.builtAt = Date.now();
   }
-
-  (0, _createClass2.default)(QuizEventsLogger, [{
+  return (0, _createClass2.default)(QuizEventsLogger, [{
     key: "needsRefresh",
     value: function needsRefresh() {
       var threshold = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : KINESIS_REFRESH_THRESHOLD;
@@ -52,11 +38,9 @@ var QuizEventsLogger = /*#__PURE__*/function () {
       queues = this.streamQueues.filter(function (queue) {
         return Object.keys(queue.config.eventTypes).includes(eventType);
       });
-
       if (!queues.length) {
         throw new Error("Unable to locate a valid StreamQueue for event type ".concat(eventType));
       }
-
       this.eventTypeDict[eventType] = queues;
       return queues;
     }
@@ -69,87 +53,70 @@ var QuizEventsLogger = /*#__PURE__*/function () {
       });
     }
   }]);
-  return QuizEventsLogger;
 }();
-
-exports.QuizEventsLogger = QuizEventsLogger;
 var loggers = {};
 var loggerHandlers = {};
-
 var getLogger = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(quizSessionId) {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(quizSessionId) {
     var kinesisConfigGetter,
-        logger,
-        handler,
-        kinesisConfig,
-        kinesisClient,
-        streamQueues,
-        _args = arguments;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            kinesisConfigGetter = _args.length > 1 && _args[1] !== void 0 ? _args[1] : _client.default;
-            logger = loggers[quizSessionId];
-            handler = loggerHandlers[quizSessionId];
-            loggerHandlers[quizSessionId] = null;
-
-            if (!(!logger || logger.needsRefresh())) {
-              _context.next = 12;
-              break;
-            }
-
-            _context.next = 7;
-            return handler || kinesisConfigGetter(quizSessionId);
-
-          case 7:
-            kinesisConfig = _context.sent;
-            kinesisClient = kinesisConfig.client; // Set up the StreamQueues for possible events
-
-            streamQueues = kinesisConfig.streamConfigs.map(function (config) {
-              return new _StreamQueue.default({
-                config: config,
-                kinesis: kinesisClient
-              });
+      logger,
+      handler,
+      kinesisConfig,
+      kinesisClient,
+      streamQueues,
+      _args = arguments;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          kinesisConfigGetter = _args.length > 1 && _args[1] !== void 0 ? _args[1] : _client.default;
+          logger = loggers[quizSessionId];
+          handler = loggerHandlers[quizSessionId];
+          loggerHandlers[quizSessionId] = null;
+          if (!(!logger || logger.needsRefresh())) {
+            _context.next = 12;
+            break;
+          }
+          _context.next = 7;
+          return handler || kinesisConfigGetter(quizSessionId);
+        case 7:
+          kinesisConfig = _context.sent;
+          kinesisClient = kinesisConfig.client; // Set up the StreamQueues for possible events
+          streamQueues = kinesisConfig.streamConfigs.map(function (config) {
+            return new _StreamQueue.default({
+              config: config,
+              kinesis: kinesisClient
             });
-            logger = (0, _construct2.default)(QuizEventsLogger, (0, _toConsumableArray2.default)(streamQueues)); // TODO: This appears to work in production, but fixing this eslint violation causes tests to fail.
-            // We should probably figure out why.
-
-            /* eslint-disable-next-line require-atomic-updates */
-
-            loggers[quizSessionId] = logger;
-
-          case 12:
-            return _context.abrupt("return", logger);
-
-          case 13:
-          case "end":
-            return _context.stop();
-        }
+          });
+          logger = (0, _construct2.default)(QuizEventsLogger, (0, _toConsumableArray2.default)(streamQueues));
+          // TODO: This appears to work in production, but fixing this eslint violation causes tests to fail.
+          // We should probably figure out why.
+          /* eslint-disable-next-line require-atomic-updates */
+          loggers[quizSessionId] = logger;
+        case 12:
+          return _context.abrupt("return", logger);
+        case 13:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
-
   return function getLogger(_x) {
     return _ref.apply(this, arguments);
   };
-}(); // preliminary fetch kinesis credentials
+}();
+
+// preliminary fetch kinesis credentials
 // This method is called before submission, to send kinesis refreshing requests
 // before scope is switched to quiz.results, with which kinesis refreshing is prohibited
-
-
-var fetchLogger = function fetchLogger(quizSessionId) {
+var fetchLogger = exports.fetchLogger = function fetchLogger(quizSessionId) {
   var kinesisConfigGetter = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _client.default;
-  var logger = loggers[quizSessionId]; // expires 1 second earlier to protect processing edge case
+  var logger = loggers[quizSessionId];
 
+  // expires 1 second earlier to protect processing edge case
   if (!logger || logger.needsRefresh(KINESIS_REFRESH_THRESHOLD - 1000)) {
     // send kinesis refreshing request before submission
     loggerHandlers[quizSessionId] = kinesisConfigGetter(quizSessionId);
   }
-
   return loggerHandlers;
 };
-
-exports.fetchLogger = fetchLogger;
-var _default = getLogger;
-exports.default = _default;
+var _default = exports.default = getLogger;