@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

package/es/common/components/shared/functionality/disableDraggingOverride.js

@@ -1,10 +1,11 @@
-import { connect } from '../../../react-redux';
-import { isEditingQuizEntry } from '../../../selectors/quizzes';
+import { connect } from "../../../react-redux.js";
+import { isEditingQuizEntry } from "../../../selectors/quizzes.js";
 export default (function (ComposedComponent) {
   var mapStateToProps = function mapStateToProps(state) {
     return {
       disableDraggingOverride: isEditingQuizEntry(state)
     };
   };
+
   return connect(mapStateToProps)(ComposedComponent);
 });

package/es/common/components/shared/functionality/makeEditable.js

@@ -1,7 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { fromJS } from 'immutable';
@@ -10,17 +10,12 @@ import extend from 'lodash/extend';
 import uniqueId from 'lodash/uniqueId';
 import omit from 'lodash/omit';
 import { bindActionCreators } from 'redux';
-import { connect } from '../../../react-redux';
-import * as editingActionCreators from '../../../actions/editing';
-
-// ==============================================================
-
+import { connect } from "../../../react-redux.js";
+import * as editingActionCreators from "../../../actions/editing.js"; // ==============================================================
 // two components which are composed to enable editing actions
-
 // component one: connect to redux store for state & action creators
 // component two: filter state, apply unique component ID to
 // actions, render component
-
 // ==============================================================
 
 var connectToEditStore = function connectToEditStore(ComposedComponent) {
@@ -29,37 +24,53 @@ var connectToEditStore = function connectToEditStore(ComposedComponent) {
       editingActions: bindActionCreators(editingActionCreators, dispatch)
     };
   };
+
   var mapStateToProps = function mapStateToProps(state) {
     return {
       editing: state.get('editing')
     };
   };
+
   return connect(mapStateToProps, mapDispatchToProps)(ComposedComponent);
 };
+
 var giveEditProps = function giveEditProps(ComposedComponent) {
-  var _Class;
-  return _Class = /*#__PURE__*/function (_Component) {
-    function _Class() {
+  var _class, _temp;
+
+  return _temp = _class = /*#__PURE__*/function (_Component) {
+    _inherits(_class, _Component);
+
+    var _super = _createSuper(_class);
+
+    function _class() {
       var _this;
-      _classCallCheck(this, _Class);
+
+      _classCallCheck(this, _class);
+
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _callSuper(this, _Class, [].concat(args));
+
+      _this = _super.call.apply(_super, [this].concat(args));
+
       _this.switchOnEditing = function () {
         var initialFocusId = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
+
         _this.props.editingActions.startEdit(_this.uniqueId(), initialFocusId);
       };
+
       _this.switchOffEditing = function () {
         _this.props.editingActions.endEdit(_this.uniqueId());
       };
+
       _this.toggleEditing = function () {
         _this.props.editingActions.toggleEditing(_this.uniqueId());
       };
+
       return _this;
     }
-    _inherits(_Class, _Component);
-    return _createClass(_Class, [{
+
+    _createClass(_class, [{
       key: "componentWillMount",
       value: function componentWillMount() {
         this._uniqId = uniqueId("".concat(ComposedComponent.displayName, "_"));
@@ -79,11 +90,10 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
           switchOnEditing: this.switchOnEditing,
           switchOffEditing: this.switchOffEditing,
           toggleEditing: this.toggleEditing
-        };
-
-        // Don't inject the `editing` prop in, or else all editable
+        }; // Don't inject the `editing` prop in, or else all editable
         // components will have to rerender when one switches editing
         // on/off.
+
         return omit(extend({}, editingProps, this.props), ['editing']);
       }
     }, {
@@ -92,7 +102,10 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
         return /*#__PURE__*/React.createElement(ComposedComponent, this.propsForChild());
       }
     }]);
-  }(Component), _Class.propTypes = {
+
+    _class.displayName = "_class";
+    return _class;
+  }(Component), _class.propTypes = {
     editing: ImmutablePropTypes.map,
     editingActions: PropTypes.shape({
       startEdit: PropTypes.func.isRequired,
@@ -100,11 +113,12 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
       toggleEditing: PropTypes.func.isRequired
     }).isRequired,
     guid: PropTypes.string
-  }, _Class.displayName = ComposedComponent.displayName, _Class.defaultProps = {
+  }, _class.displayName = ComposedComponent.displayName, _class.defaultProps = {
     editing: fromJS({}),
     guid: null
-  }, _Class;
+  }, _temp;
 };
+
 export var makeEditable = function makeEditable(givenComponent) {
   return connectToEditStore(giveEditProps(givenComponent));
 };

package/es/common/components/shared/functionality/makeScrollable.js

@@ -3,20 +3,22 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import { PropTypes } from 'prop-types';
 import ReactDOM from 'react-dom';
 import { bindActionCreators } from 'redux';
-import { connect } from '../../../react-redux';
-import * as scrollingActionCreators from '../../../actions/scrolling';
+import { connect } from "../../../react-redux.js";
+import * as scrollingActionCreators from "../../../actions/scrolling.js";
+
 var connectToScrollingStore = function connectToScrollingStore(ComposedComponent) {
   var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     return {
       scrollingActions: bindActionCreators(scrollingActionCreators, dispatch)
     };
   };
+
   var mapStateToProps = function mapStateToProps(state) {
     // TODO: change the name in state
     return {
@@ -24,37 +26,36 @@ var connectToScrollingStore = function connectToScrollingStore(ComposedComponent
       scrollingFocus: state.getIn(['scrolling', 'scrollingFocus'])
     };
   };
+
   return connect(mapStateToProps, mapDispatchToProps, null, {
     withRef: true
   })(ComposedComponent);
 };
+
 var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedComponent) {
-  var _WithScrollableItems;
-  return _WithScrollableItems = /*#__PURE__*/function (_Component) {
+  var _class, _temp;
+
+  return _temp = _class = /*#__PURE__*/function (_Component) {
+    _inherits(WithScrollableItems, _Component);
+
+    var _super = _createSuper(WithScrollableItems);
+
     function WithScrollableItems(props) {
       var _this;
+
       _classCallCheck(this, WithScrollableItems);
-      _this = _callSuper(this, WithScrollableItems, [props]);
+
+      _this = _super.call(this, props);
+
       _this.composedRef = function (node) {
         _this._composed = node;
       };
+
       _this._composed = null;
       return _this;
     }
-    _inherits(WithScrollableItems, _Component);
-    return _createClass(WithScrollableItems, [{
-      key: "composedProps",
-      get: function get() {
-        var _this2 = this;
-        // We want the props that are in CC.propTypes, and the passthrough props,
-        // which are in neither our nor CC's propTypes
-        return Object.assign.apply(Object, [{}].concat(_toConsumableArray(Object.keys(this.props).filter(function (name) {
-          return ComposedComponent.propTypes && ComposedComponent.propTypes[name] || !_this2.constructor.propTypes[name];
-        }).map(function (name) {
-          return _defineProperty({}, name, _this2.props[name]);
-        }))));
-      }
-    }, {
+
+    _createClass(WithScrollableItems, [{
       key: "isScrolled",
       value: function isScrolled() {
         return this.props.scrollKey === this.props.scrolledComponentKey;
@@ -84,10 +85,11 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps, prevState) {
         var _this$props = this.props,
-          scrolledComponentKey = _this$props.scrolledComponentKey,
-          scrollingFocus = _this$props.scrollingFocus,
-          scrollKey = _this$props.scrollKey,
-          scrollingActions = _this$props.scrollingActions;
+            scrolledComponentKey = _this$props.scrolledComponentKey,
+            scrollingFocus = _this$props.scrollingFocus,
+            scrollKey = _this$props.scrollKey,
+            scrollingActions = _this$props.scrollingActions;
+
         if (prevProps.scrolledComponentKey !== scrolledComponentKey && scrolledComponentKey && scrollKey && scrolledComponentKey === scrollKey) {
           this.scrollIntoView(scrollingFocus);
           scrollingActions.clearsScrolledComponentKey();
@@ -100,8 +102,24 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
           ref: this.composedRef
         }), this.props.children);
       }
+    }, {
+      key: "composedProps",
+      get: function get() {
+        var _this2 = this;
+
+        // We want the props that are in CC.propTypes, and the passthrough props,
+        // which are in neither our nor CC's propTypes
+        return Object.assign.apply(Object, [{}].concat(_toConsumableArray(Object.keys(this.props).filter(function (name) {
+          return ComposedComponent.propTypes && ComposedComponent.propTypes[name] || !_this2.constructor.propTypes[name];
+        }).map(function (name) {
+          return _defineProperty({}, name, _this2.props[name]);
+        }))));
+      }
     }]);
-  }(Component), _WithScrollableItems.propTypes = _objectSpread(_objectSpread({}, ComposedComponent.propTypes || {}), {}, {
+
+    WithScrollableItems.displayName = "WithScrollableItems";
+    return WithScrollableItems;
+  }(Component), _class.propTypes = _objectSpread(_objectSpread({}, ComposedComponent.propTypes || {}), {}, {
     scrollKey: PropTypes.string,
     scrolledComponentKey: PropTypes.string,
     scrollingFocus: PropTypes.bool,
@@ -109,13 +127,14 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
       clearsScrolledComponentKey: PropTypes.func.isRequired
     }).isRequired,
     shouldFocusOnMount: PropTypes.bool
-  }), _WithScrollableItems.defaultProps = {
+  }), _class.defaultProps = {
     scrollKey: '',
     scrolledComponentKey: '',
     scrollingFocus: false,
     shouldFocusOnMount: false
-  }, _WithScrollableItems;
+  }, _temp;
 };
+
 export var unconnectedExtension = function unconnectedExtension(givenComponent) {
   return unconnectedMakeScrollable(givenComponent);
 };

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

@@ -1,35 +1,45 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _Overlay;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @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 */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-
 /*
  * 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.
  */
 
 import { withStyle, jsx, Global } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Overlay = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Overlay, _Component);
+
+  var _super = _createSuper(Overlay);
+
   function Overlay() {
     _classCallCheck(this, Overlay);
-    return _callSuper(this, Overlay, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(Overlay, _Component);
-  return _createClass(Overlay, [{
+
+  _createClass(Overlay, [{
     key: "overlayDiv",
     value: function overlayDiv() {
       if (this.props.hideOverlay) {
         return null;
       }
+
       return jsx("div", {
         role: "presentation",
         className: "overlay",
@@ -42,10 +52,10 @@ var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
     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 jsx(React.Fragment, null, jsx(Global, {
         styles: {
           'body.tox-fullscreen .overlay': {
@@ -60,7 +70,10 @@ var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
       }, this.overlayDiv(), children));
     }
   }]);
-}(Component), _Overlay.propTypes = {
+
+  Overlay.displayName = "Overlay";
+  return Overlay;
+}(Component), _class2.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired,
   hideOverlay: PropTypes.bool,
   onClick: PropTypes.func.isRequired,
@@ -68,10 +81,10 @@ var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
   tabIndex: PropTypes.string,
   ariaLabel: PropTypes.string,
   styles: PropTypes.object
-}, _Overlay.defaultProps = {
+}, _class2.defaultProps = {
   hideOverlay: false,
   tabIndex: '0',
   wrapperStyles: {},
   ariaLabel: void 0
-}, _Overlay)) || _class);
+}, _temp)) || _class);
 export default Overlay;

package/es/common/components/shared/overlay/styles.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
 var generateStyle = function generateStyle(componentTheme) {
   var printMq = '@media print';
   return {
@@ -23,4 +24,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

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

@@ -1,11 +1,12 @@
 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'
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,24 +1,30 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { SecondaryNavBarButton } from '../../layout/navbar/SecondaryNavBarButton';
+import { SecondaryNavBarButton } from "../../layout/navbar/SecondaryNavBarButton/index.js";
 export var ReturnButton = /*#__PURE__*/function (_Component) {
+  _inherits(ReturnButton, _Component);
+
+  var _super = _createSuper(ReturnButton);
+
   function ReturnButton() {
     _classCallCheck(this, ReturnButton);
-    return _callSuper(this, ReturnButton, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(ReturnButton, _Component);
-  return _createClass(ReturnButton, [{
+
+  _createClass(ReturnButton, [{
     key: "render",
     value: function render() {
       if (!this.props.returnToUrl) {
         return null;
       }
+
       if (this.props.iceTopNavBarEnabled) {
         return /*#__PURE__*/React.createElement(SecondaryNavBarButton, {
           id: this.props.id,
@@ -29,6 +35,7 @@ export var ReturnButton = /*#__PURE__*/function (_Component) {
           target: "_top"
         }, this.props.text);
       }
+
       return /*#__PURE__*/React.createElement(Button, {
         "data-automation": "sdk-return-button",
         href: this.props.returnToUrl,
@@ -36,6 +43,9 @@ export var ReturnButton = /*#__PURE__*/function (_Component) {
       }, this.props.text);
     }
   }]);
+
+  ReturnButton.displayName = "ReturnButton";
+  return ReturnButton;
 }(Component);
 ReturnButton.propTypes = {
   returnToUrl: PropTypes.string,
@@ -49,5 +59,4 @@ ReturnButton.defaultProps = {
   id: 'ReturnButton',
   iceTopNavBarEnabled: false
 };
-ReturnButton.displayName = 'ReturnButton';
 export default ReturnButton;

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

@@ -1,9 +1,10 @@
-import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _QuizzesSpinner;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,22 +13,29 @@ import { Spinner } from '@instructure/ui-spinner';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from './styles';
-export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class = (_QuizzesSpinner = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(QuizzesSpinner, _Component);
+
+  var _super = _createSuper(QuizzesSpinner);
+
   function QuizzesSpinner(props) {
     var _this;
+
     _classCallCheck(this, QuizzesSpinner);
-    _this = _callSuper(this, QuizzesSpinner, [props]);
+
+    _this = _super.call(this, props);
     _this.state = {
       hidden: _this.props.delay && _this.props.delay > 0
     };
     return _this;
   }
-  _inherits(QuizzesSpinner, _Component);
-  return _createClass(QuizzesSpinner, [{
+
+  _createClass(QuizzesSpinner, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
+
       if (this.props.delay > 0) {
         this.timer = setTimeout(function () {
           _this2.setState({
@@ -47,9 +55,9 @@ export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class
     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 jsx(Text, {
         size: fontSize,
         color: color
@@ -59,9 +67,9 @@ export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class
     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 jsx("div", {
@@ -75,7 +83,10 @@ export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class
       })), jsx("div", null, jsx(PresentationContent, null, this.mainText())));
     }
   }]);
-}(Component), _QuizzesSpinner.propTypes = {
+
+  QuizzesSpinner.displayName = "QuizzesSpinner";
+  return QuizzesSpinner;
+}(Component), _class2.propTypes = {
   mainText: PropTypes.string,
   fontSize: PropTypes.oneOf(['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
   size: PropTypes.oneOf(['x-small', 'small', 'medium', 'large']),
@@ -83,11 +94,11 @@ export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class
   minHeight: PropTypes.string,
   styles: PropTypes.object,
   delay: PropTypes.number
-}, _QuizzesSpinner.defaultProps = {
+}, _class2.defaultProps = {
   mainText: null,
   size: 'large',
   fontSize: 'xx-large',
   minHeight: '500px',
   color: 'primary'
-}, _QuizzesSpinner)) || _class);
+}, _temp)) || _class);
 export default QuizzesSpinner;

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

@@ -11,4 +11,5 @@ var generateStyle = function generateStyle() {
     }
   };
 };
+
 export default generateStyle;