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

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

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

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

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      borders = _ref.borders;
+    spacing = _ref.spacing,
+    borders = _ref.borders;
   return {
     dropzoneBackgroundColor: colors.porcelain,
     dropzoneBorderWidth: borders.widthSmall,
@@ -9,5 +9,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     dropzonePadding: spacing.medium
   };
 };
-
 export default generateComponentTheme;

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

@@ -15,23 +15,17 @@ import reduxStore from "../../../../reduxStore.js"; // =========================
 // ignoreClickOutsideIf: if returns true then do not run
 // the clickedOutside callback
 // ======================================================
-
 var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
   var wrappedWithOutsideClick = /*#__PURE__*/function (_ComposedComponent) {
     _inherits(wrappedWithOutsideClick, _ComposedComponent);
-
     var _super = _createSuper(wrappedWithOutsideClick);
-
     function wrappedWithOutsideClick(props) {
       var _this;
-
       _classCallCheck(this, wrappedWithOutsideClick);
-
       _this = _super.call(this, props);
       _this.checkForOutsideClick = _this.checkForOutsideClick.bind(_assertThisInitialized(_this));
       return _this;
     }
-
     _createClass(wrappedWithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -52,25 +46,19 @@ var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
       key: "checkForOutsideClick",
       value: function checkForOutsideClick(e) {
         var isModalOpen = reduxStore.getAppState().getIn(['modal', 'isOpen']);
-
         if (_get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "ignoreClickOutsideIf", this) && _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "ignoreClickOutsideIf", this).call(this, e) || isModalOpen) {
           return;
         }
-
         if (_get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "clickedOutside", this)) {
           var domNode = ReactDOM.findDOMNode(this);
-
           if (!(domNode && domNode.contains(e.target))) {
             _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "clickedOutside", this).call(this, e);
           }
         }
       }
     }]);
-
     return wrappedWithOutsideClick;
   }(ComposedComponent);
-
   return wrappedWithOutsideClick;
 };
-
 export default wrapWithOutsideClick;

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

@@ -6,31 +6,31 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import ReactDOM from 'react-dom';
 import debounce from 'lodash/debounce';
 import reduxStore from "../../../../reduxStore.js";
-import React from 'react'; // ======================================================
+import React from 'react';
+
+// ======================================================
 // this component extends another component and will run
 // the 'clickedOutside' function defined on that component
 // if users click outside of it
+
 // clickedOutside: called when the user clicks outside node
+
 // ignoreClickOutsideIf: if returns true then do not run
 // the clickedOutside callback
+
 // ======================================================
 
 var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedComponent) {
   return /*#__PURE__*/function (_React$Component) {
     _inherits(wrappedWithOutsideClick, _React$Component);
-
     var _super = _createSuper(wrappedWithOutsideClick);
-
     function wrappedWithOutsideClick(props) {
       var _this;
-
       _classCallCheck(this, wrappedWithOutsideClick);
-
       _this = _super.call(this, props);
       _this.checkForOutsideClick = _this.checkForOutsideClick.bind(_assertThisInitialized(_this));
       return _this;
     }
-
     _createClass(wrappedWithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -54,14 +54,11 @@ var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedC
       key: "checkForOutsideClick",
       value: function checkForOutsideClick(e) {
         var isModalOpen = reduxStore.getAppState().getIn(['modal', 'isOpen']);
-
         if (this.checkcomponentRef() && this.composedComponentRef.current.ignoreClickOutsideIf && this.composedComponentRef.current.ignoreClickOutsideIf(e) || isModalOpen) {
           return;
         }
-
         if (this.checkcomponentRef() && this.composedComponentRef.current.clickedOutside) {
           var domNode = ReactDOM.findDOMNode(this);
-
           if (!(domNode && domNode.contains(e.target))) {
             this.composedComponentRef.current.clickedOutside(e);
           }
@@ -76,10 +73,8 @@ var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedC
         }, this.props));
       }
     }]);
-
     wrappedWithOutsideClick.displayName = "wrappedWithOutsideClick";
     return wrappedWithOutsideClick;
   }(React.Component);
 };
-
 export default wrapWithOutsideClickEmotion;

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

@@ -6,6 +6,5 @@ export default (function (ComposedComponent) {
       disableDraggingOverride: isEditingQuizEntry(state)
     };
   };
-
   return connect(mapStateToProps)(ComposedComponent);
 });

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

@@ -17,60 +17,44 @@ import * as editingActionCreators from "../../../actions/editing.js"; // =======
 // component two: filter state, apply unique component ID to
 // actions, render component
 // ==============================================================
-
 var connectToEditStore = function connectToEditStore(ComposedComponent) {
   var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     return {
       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, _temp;
-
-  return _temp = _class = /*#__PURE__*/function (_Component) {
-    _inherits(_class, _Component);
-
-    var _super = _createSuper(_class);
-
-    function _class() {
+  var _Class;
+  return _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 = _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;
     }
-
-    _createClass(_class, [{
+    _createClass(_Class, [{
       key: "componentWillMount",
       value: function componentWillMount() {
         this._uniqId = uniqueId("".concat(ComposedComponent.displayName, "_"));
@@ -90,10 +74,11 @@ 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']);
       }
     }, {
@@ -102,10 +87,9 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
         return /*#__PURE__*/React.createElement(ComposedComponent, this.propsForChild());
       }
     }]);
-
-    _class.displayName = "_class";
-    return _class;
-  }(Component), _class.propTypes = {
+    _Class.displayName = "_Class";
+    return _Class;
+  }(Component), _Class.propTypes = {
     editing: ImmutablePropTypes.map,
     editingActions: PropTypes.shape({
       startEdit: PropTypes.func.isRequired,
@@ -113,12 +97,11 @@ 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
-  }, _temp;
+  }, _Class;
 };
-
 export var makeEditable = function makeEditable(givenComponent) {
   return connectToEditStore(giveEditProps(givenComponent));
 };

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

@@ -11,14 +11,12 @@ import ReactDOM from 'react-dom';
 import { bindActionCreators } from 'redux';
 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 {
@@ -26,35 +24,25 @@ var connectToScrollingStore = function connectToScrollingStore(ComposedComponent
       scrollingFocus: state.getIn(['scrolling', 'scrollingFocus'])
     };
   };
-
   return connect(mapStateToProps, mapDispatchToProps, null, {
     withRef: true
   })(ComposedComponent);
 };
-
 var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedComponent) {
-  var _class, _temp;
-
-  return _temp = _class = /*#__PURE__*/function (_Component) {
+  var _WithScrollableItems;
+  return _WithScrollableItems = /*#__PURE__*/function (_Component) {
     _inherits(WithScrollableItems, _Component);
-
     var _super = _createSuper(WithScrollableItems);
-
     function WithScrollableItems(props) {
       var _this;
-
       _classCallCheck(this, WithScrollableItems);
-
       _this = _super.call(this, props);
-
       _this.composedRef = function (node) {
         _this._composed = node;
       };
-
       _this._composed = null;
       return _this;
     }
-
     _createClass(WithScrollableItems, [{
       key: "isScrolled",
       value: function isScrolled() {
@@ -85,11 +73,10 @@ 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();
@@ -106,7 +93,6 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
       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) {
@@ -116,10 +102,9 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
         }))));
       }
     }]);
-
     WithScrollableItems.displayName = "WithScrollableItems";
     return WithScrollableItems;
-  }(Component), _class.propTypes = _objectSpread(_objectSpread({}, ComposedComponent.propTypes || {}), {}, {
+  }(Component), _WithScrollableItems.propTypes = _objectSpread(_objectSpread({}, ComposedComponent.propTypes || {}), {}, {
     scrollKey: PropTypes.string,
     scrolledComponentKey: PropTypes.string,
     scrollingFocus: PropTypes.bool,
@@ -127,14 +112,13 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
       clearsScrolledComponentKey: PropTypes.func.isRequired
     }).isRequired,
     shouldFocusOnMount: PropTypes.bool
-  }), _class.defaultProps = {
+  }), _WithScrollableItems.defaultProps = {
     scrollKey: '',
     scrolledComponentKey: '',
     scrollingFocus: false,
     shouldFocusOnMount: false
-  }, _temp;
+  }, _WithScrollableItems;
 };
-
 export var unconnectedExtension = function unconnectedExtension(givenComponent) {
   return unconnectedMakeScrollable(givenComponent);
 };

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

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

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

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

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

@@ -1,12 +1,11 @@
 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

@@ -9,22 +9,17 @@ import t from '@instructure/quiz-i18n/es/format-message';
 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 _super.apply(this, arguments);
   }
-
   _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,
@@ -35,7 +30,6 @@ 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,
@@ -43,7 +37,6 @@ export var ReturnButton = /*#__PURE__*/function (_Component) {
       }, this.props.text);
     }
   }]);
-
   ReturnButton.displayName = "ReturnButton";
   return ReturnButton;
 }(Component);

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

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

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

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