@instructure/quiz-core 21.1.1 → 21.2.0

package/es/common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js

@@ -1,7 +1,11 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
@@ -9,54 +13,52 @@ import { Spinner } from '@instructure/ui-spinner';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
-  _inherits(GenericAsyncSearch, _Component);
-  var _super = _createSuper(GenericAsyncSearch);
   function GenericAsyncSearch() {
     var _this;
     _classCallCheck(this, GenericAsyncSearch);
-    _this = _super.apply(this, arguments);
-    _this.setInputRef = function (inputRef) {
+    _this = _callSuper(this, GenericAsyncSearch, arguments);
+    _defineProperty(_this, "setInputRef", function (inputRef) {
       _this.inputRef = inputRef;
-    };
-    _this.state = {
+    });
+    _defineProperty(_this, "state", {
       inputValue: _this.props.selectedOption ? _this.props.selectedOption.text : '',
       isShowingOptions: false,
       isLoading: false,
       highlightedOptionId: null,
       shareableSubaccounts: [],
       options: []
-    };
-    _this.handleShowOptions = function () {
+    });
+    _defineProperty(_this, "handleShowOptions", function () {
       _this.setState({
         isShowingOptions: true
       });
-    };
-    _this.close = function (inputValue) {
+    });
+    _defineProperty(_this, "close", function (inputValue) {
       return _this.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
         inputValue: inputValue
       });
-    };
-    _this.handleBlur = function () {
+    });
+    _defineProperty(_this, "handleBlur", function () {
       var _this$props$selectedO;
       return _this.close(((_this$props$selectedO = _this.props.selectedOption) === null || _this$props$selectedO === void 0 ? void 0 : _this$props$selectedO.text) || '');
-    };
-    _this.handleHighlightOption = function (event, optionIdentifier) {
+    });
+    _defineProperty(_this, "handleHighlightOption", function (event, optionIdentifier) {
       event.persist();
       var option = _this.getOption(optionIdentifier.id);
       _this.setState({
         highlightedOptionId: option === null || option === void 0 ? void 0 : option.id,
         inputValue: event.type === 'keydown' ? option === null || option === void 0 ? void 0 : option.text : _this.state.inputValue
       });
-    };
-    _this.handleSelectOption = function (event, optionIdentifier) {
+    });
+    _defineProperty(_this, "handleSelectOption", function (event, optionIdentifier) {
       if (!optionIdentifier || !optionIdentifier.id || optionIdentifier.id === SELECT_EMPTY_OPTION) return;
       var option = _this.getOption(optionIdentifier.id);
       _this.props.onSelectionChange(event, option);
       _this.close(option.text);
-    };
-    _this.handleInputChange = function (event) {
+    });
+    _defineProperty(_this, "handleInputChange", function (event) {
       var value = event.target.value;
       var shouldSearch = !!value && value.length >= _this.props.minChars;
       _this.setState({
@@ -71,16 +73,16 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
         });
         _this.search(value);
       }
-    };
-    _this.handleKeyDown = function (event) {
+    });
+    _defineProperty(_this, "handleKeyDown", function (event) {
       if (event.keyCode === 8 && _this.state.inputValue === '') {
         // when backspace key is pressed
         _this.setState({
           highlightedOptionId: null
         });
       }
-    };
-    _this.actualOptions = function () {
+    });
+    _defineProperty(_this, "actualOptions", function () {
       return _this.state.options.map(function (option) {
         return /*#__PURE__*/React.createElement(Select.Option, {
           id: option.id,
@@ -88,16 +90,16 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
           isHighlighted: option.id === _this.state.highlightedOptionId
         }, option.text);
       });
-    };
-    _this.emptyOptionText = function () {
+    });
+    _defineProperty(_this, "emptyOptionText", function () {
       if (_this.props.minChars > 1 && _this.state.inputValue < _this.props.minChars) {
         return t('Search term must be at least { minChars } characters', {
           minChars: _this.props.minChars
         });
       }
       return _this.state.inputValue === '' ? t('Write to search') : t('No Results');
-    };
-    _this.emptyOrLoadingOption = function () {
+    });
+    _defineProperty(_this, "emptyOrLoadingOption", function () {
       return /*#__PURE__*/React.createElement(Select.Option, {
         id: SELECT_EMPTY_OPTION,
         key: SELECT_EMPTY_OPTION
@@ -105,10 +107,10 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
         renderTitle: t('Loading'),
         size: "x-small"
       }) : _this.emptyOptionText());
-    };
-    _this.renderOptions = function () {
+    });
+    _defineProperty(_this, "renderOptions", function () {
       return _this.state.options.length ? _this.actualOptions() : _this.emptyOrLoadingOption();
-    };
+    });
     _this.search = debounce(_this.props.debounceDelay, function (value) {
       _this.props.getOptions(value).then(function (options) {
         var _options$;
@@ -121,7 +123,8 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(GenericAsyncSearch, [{
+  _inherits(GenericAsyncSearch, _Component);
+  return _createClass(GenericAsyncSearch, [{
     key: "getOption",
     value: function getOption(queryId) {
       return this.state.options.find(function (_ref) {
@@ -150,10 +153,8 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
-  GenericAsyncSearch.displayName = "GenericAsyncSearch";
-  return GenericAsyncSearch;
 }(Component);
-GenericAsyncSearch.propTypes = {
+_defineProperty(GenericAsyncSearch, "propTypes", {
   debounceDelay: PropTypes.number,
   minChars: PropTypes.number,
   onSelectionChange: PropTypes.func.isRequired,
@@ -166,12 +167,12 @@ GenericAsyncSearch.propTypes = {
   messages: PropTypes.array,
   selectAutomation: PropTypes.string,
   getOptions: PropTypes.func.isRequired
-};
-GenericAsyncSearch.defaultProps = {
+});
+_defineProperty(GenericAsyncSearch, "defaultProps", {
   debounceDelay: 500,
   minChars: 3,
   label: null,
   placeholder: null,
   selectAutomation: null
-};
+});
 export default GenericAsyncSearch;

package/es/common/components/shared/IfFeature/index.js

@@ -1,6 +1,6 @@
-import { connect } from "../../../react-redux.js";
-import { IfFeature as IfFeaturePresenter } from "./presenter.js";
-import { featureOn } from "../../../util/featureCheck.js";
+import { connect } from '../../../react-redux';
+import { IfFeature as IfFeaturePresenter } from './presenter';
+import { featureOn } from '../../../util/featureCheck';
 export function mapStateToProps(state, props) {
   return {
     isOn: featureOn(props.name)

package/es/common/components/shared/IfFeature/presenter.js

@@ -1,17 +1,20 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 export var IfFeature = /*#__PURE__*/function (_Component) {
-  _inherits(IfFeature, _Component);
-  var _super = _createSuper(IfFeature);
   function IfFeature() {
     _classCallCheck(this, IfFeature);
-    return _super.apply(this, arguments);
+    return _callSuper(this, IfFeature, arguments);
   }
-  _createClass(IfFeature, [{
+  _inherits(IfFeature, _Component);
+  return _createClass(IfFeature, [{
     key: "render",
     value: function render() {
       if (!this.props.isOn) {
@@ -20,15 +23,13 @@ export var IfFeature = /*#__PURE__*/function (_Component) {
       return this.props.children;
     }
   }]);
-  IfFeature.displayName = "IfFeature";
-  return IfFeature;
 }(Component);
-IfFeature.propTypes = {
+_defineProperty(IfFeature, "propTypes", {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   isOn: PropTypes.bool
-};
-IfFeature.defaultProps = {
+});
+_defineProperty(IfFeature, "defaultProps", {
   children: null,
   isOn: false
-};
+});
 export default IfFeature;

package/es/common/components/shared/InteractionTypes/index.js

@@ -1,6 +1,6 @@
-import { connect } from "../../../react-redux.js";
-import InteractionTypes from "./presenter.js";
-import { featureOn } from "../../../../common/util/featureCheck.js";
+import { connect } from '../../../react-redux';
+import InteractionTypes from './presenter';
+import { featureOn } from '../../../../common/util/featureCheck';
 function mapStateToProps(state) {
   return {
     allowPassageCreation: featureOn('passage')

package/es/common/components/shared/InteractionTypes/presenter.js

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _InteractionTypes;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,22 +19,20 @@ import { Text } from '@instructure/ui-text';
 import { IconPlusLine } from '@instructure/ui-icons';
 import { Grid } from '@instructure/ui-grid';
 import { PresentationContent } from '@instructure/ui-a11y-content';
-import { interactionTypeMetadata } from "../../../util/interactionTypeMetadata.js";
+import { interactionTypeMetadata } from '../../../util/interactionTypeMetadata';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_InteractionTypes = /*#__PURE__*/function (_Component) {
-  _inherits(InteractionTypes, _Component);
-  var _super = _createSuper(InteractionTypes);
   function InteractionTypes() {
     var _this;
     _classCallCheck(this, InteractionTypes);
     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.renderInteractionTypeButton = function (intType, i) {
+    _this = _callSuper(this, InteractionTypes, [].concat(args));
+    _defineProperty(_this, "renderInteractionTypeButton", function (intType, i) {
       var onClick, Icon, name, title, automation;
       switch (intType.name) {
         case 'Stimulus':
@@ -88,8 +90,8 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
       }, jsx(PresentationContent, null, jsx(Text, {
         color: "primary"
       }, name)))))));
-    };
-    _this.renderInteractionTypeRows = function () {
+    });
+    _defineProperty(_this, "renderInteractionTypeRows", function () {
       var buttons = [];
       var types = _this.props.types;
 
@@ -114,8 +116,8 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
           key: key
         }, gridCols);
       });
-    };
-    _this.renderStimulusTypeButton = function () {
+    });
+    _defineProperty(_this, "renderStimulusTypeButton", function () {
       if (_this.props.allowStimulusCreation) {
         var dividerRow = jsx(Grid.Row, {
           key: "divider"
@@ -141,10 +143,11 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
         })));
         return [dividerRow, stimulusRow];
       }
-    };
+    });
     return _this;
   }
-  _createClass(InteractionTypes, [{
+  _inherits(InteractionTypes, _Component);
+  return _createClass(InteractionTypes, [{
     key: "render",
     value: function render() {
       return jsx(Grid, {
@@ -154,9 +157,7 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
       }, this.renderInteractionTypeRows(), this.renderStimulusTypeButton());
     }
   }]);
-  InteractionTypes.displayName = "InteractionTypes";
-  return InteractionTypes;
-}(Component), _InteractionTypes.displayName = 'InteractionTypes', _InteractionTypes.componentId = "Quizzes".concat(_InteractionTypes.displayName), _InteractionTypes.propTypes = {
+}(Component), _defineProperty(_InteractionTypes, "displayName", 'InteractionTypes'), _defineProperty(_InteractionTypes, "componentId", "Quizzes".concat(_InteractionTypes.displayName)), _defineProperty(_InteractionTypes, "propTypes", {
   columns: PropTypes.number.isRequired,
   addItem: PropTypes.func.isRequired,
   addStimulus: PropTypes.func.isRequired,
@@ -164,8 +165,8 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
   allowPassageCreation: PropTypes.bool,
   types: ImmutablePropTypes.list,
   styles: PropTypes.object
-}, _InteractionTypes.defaultProps = {
+}), _defineProperty(_InteractionTypes, "defaultProps", {
   allowStimulusCreation: true,
   types: List()
-}, _InteractionTypes)) || _class);
+}), _InteractionTypes)) || _class);
 export default InteractionTypes;

package/es/common/components/shared/PaginatedCollection/index.js

@@ -1,7 +1,7 @@
 import { Map } from 'immutable';
-import { connect } from "../../../react-redux.js";
-import PaginatedCollection from "./presenter.js";
-import { merge, set } from "../../../actions/ui.js";
+import { connect } from '../../../react-redux';
+import PaginatedCollection from './presenter';
+import { merge, set } from '../../../actions/ui';
 export function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', props.stateKey], Map());
   var totalPages = pageData.get('total', 0);

package/es/common/components/shared/PaginatedCollection/presenter.js

@@ -1,19 +1,23 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _PaginatedCollection;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import * as Immutable from 'immutable';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { jsx } from '@instructure/emotion';
-import Paginator from "../Paginator/index.js";
-import Spinner from "../spinner/Spinner.js";
+import Paginator from '../Paginator';
+import Spinner from '../spinner/Spinner';
+
 /**
  * Renders pagination controls and manages state of page contents. `getPage`
  * will be called with the page number and any collection parameters, and should
@@ -27,28 +31,27 @@ import Spinner from "../spinner/Spinner.js";
  * underlying collection that is fetched. It thus resets the page cache when
  * `params` change.
  */
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref2 = jsx(Spinner, null);
 export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PaginatedCollection = /*#__PURE__*/function (_Component) {
-  _inherits(PaginatedCollection, _Component);
-  var _super = _createSuper(PaginatedCollection);
   function PaginatedCollection() {
     var _this;
     _classCallCheck(this, PaginatedCollection);
     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.onPageChange = function (nextPage) {
+    _this = _callSuper(this, PaginatedCollection, [].concat(args));
+    _defineProperty(_this, "onPageChange", function (nextPage) {
       _this.props.merge(_this.props.stateKey, {
         current: nextPage
       });
-    };
+    });
     return _this;
   }
-  _createClass(PaginatedCollection, [{
+  _inherits(PaginatedCollection, _Component);
+  return _createClass(PaginatedCollection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
@@ -81,31 +84,29 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
       var _getPage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(stateKey, page, params) {
         var _yield$this$props$get, records, totalPages;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!this.recordsLoaded(page)) {
-                  _context.next = 2;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 2:
-                _context.next = 4;
-                return this.props.getPage(page, params);
-              case 4:
-                _yield$this$props$get = _context.sent;
-                records = _yield$this$props$get.records;
-                totalPages = _yield$this$props$get.totalPages;
-                if (params.equals(this.props.params)) {
-                  this.props.merge(stateKey, {
-                    contents: _defineProperty({}, page, records),
-                    total: totalPages
-                  });
-                }
-              case 8:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!this.recordsLoaded(page)) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              _context.next = 4;
+              return this.props.getPage(page, params);
+            case 4:
+              _yield$this$props$get = _context.sent;
+              records = _yield$this$props$get.records;
+              totalPages = _yield$this$props$get.totalPages;
+              if (params.equals(this.props.params)) {
+                this.props.merge(stateKey, {
+                  contents: _defineProperty({}, page, records),
+                  total: totalPages
+                });
+              }
+            case 8:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
@@ -117,7 +118,7 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "recordsLoaded",
     value: function recordsLoaded() {
-      var page = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.currentPage;
+      var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.currentPage;
       return this.props.contents.get(page.toString()) !== void 0;
     }
   }, {
@@ -139,7 +140,7 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "renderLoading",
     value: function renderLoading() {
-      return _ref2;
+      return jsx(Spinner, null);
     }
   }, {
     key: "render",
@@ -154,9 +155,7 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
       }, this.recordsLoaded() ? this.renderRecords() : this.renderLoading());
     }
   }]);
-  PaginatedCollection.displayName = "PaginatedCollection";
-  return PaginatedCollection;
-}(Component), _PaginatedCollection.displayName = 'PaginatedCollection', _PaginatedCollection.componentId = "Quizzes".concat(_PaginatedCollection.displayName), _PaginatedCollection.propTypes = {
+}(Component), _defineProperty(_PaginatedCollection, "displayName", 'PaginatedCollection'), _defineProperty(_PaginatedCollection, "componentId", "Quizzes".concat(_PaginatedCollection.displayName)), _defineProperty(_PaginatedCollection, "propTypes", {
   currentPage: PropTypes.number.isRequired,
   contents: ImmutablePropTypes.map.isRequired,
   empty: PropTypes.node,
@@ -168,8 +167,8 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
   stateKey: PropTypes.string.isRequired,
   totalPages: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _PaginatedCollection.defaultProps = {
+}), _defineProperty(_PaginatedCollection, "defaultProps", {
   empty: null,
   params: Immutable.Map()
-}, _PaginatedCollection)) || _class);
+}), _PaginatedCollection)) || _class);
 export default PaginatedCollection;

package/es/common/components/shared/Paginator/index.js

@@ -1,25 +1,28 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Paginator;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Pagination } from '@instructure/ui-pagination';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Paginator = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Paginator = /*#__PURE__*/function (_Component) {
-  _inherits(Paginator, _Component);
-  var _super = _createSuper(Paginator);
   function Paginator() {
     _classCallCheck(this, Paginator);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Paginator, arguments);
   }
-  _createClass(Paginator, [{
+  _inherits(Paginator, _Component);
+  return _createClass(Paginator, [{
     key: "renderPagination",
     value: function renderPagination() {
       var _this = this;
@@ -45,13 +48,11 @@ export var Paginator = (_dec = withStyleOverrides(generateStyle, generateCompone
       return jsx("div", null, this.props.children, this.renderPagination());
     }
   }]);
-  Paginator.displayName = "Paginator";
-  return Paginator;
-}(Component), _Paginator.displayName = 'Paginator', _Paginator.componentId = "Quizzes".concat(_Paginator.displayName), _Paginator.propTypes = {
+}(Component), _defineProperty(_Paginator, "displayName", 'Paginator'), _defineProperty(_Paginator, "componentId", "Quizzes".concat(_Paginator.displayName)), _defineProperty(_Paginator, "propTypes", {
   children: PropTypes.node.isRequired,
   currentPage: PropTypes.number.isRequired,
   onPageChange: PropTypes.func.isRequired,
   totalPages: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _Paginator)) || _class);
+}), _Paginator)) || _class);
 export default Paginator;

package/es/common/components/shared/PrintTrigger/index.js

@@ -1,12 +1,12 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../react-redux.js";
-import { PrintTrigger as PrintTriggerPresenter } from "./presenter.js";
+import { connect } from '../../../react-redux';
+import { PrintTrigger as PrintTriggerPresenter } from './presenter';
 import { PRINT_FONT_SIZE_MODAL, QUIZ_SESSION_GRADE_SCOPE } from '@instructure/quiz-common';
-import * as printingActions from "../../../actions/printing.js";
-import * as modalActions from "../../../actions/modal.js";
-import * as quizEntriesApiActions from "../../../../building/api/quizEntries.js";
-import { getConfigTokenScope } from "../../../selectors/config.js";
+import * as printingActions from '../../../actions/printing';
+import * as modalActions from '../../../actions/modal';
+import * as quizEntriesApiActions from '../../../../building/api/quizEntries';
+import { getConfigTokenScope } from '../../../selectors/config';
 export function mapStateToProps(state) {
   return {
     activeQuizId: state.getIn(['quizzes', 'activeQuizId']),