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

package/lib/common/components/shared/errors/Errors.js

@@ -1,52 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Errors = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _immutable = require("immutable");
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 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 Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _Errors;
+/** @jsx jsx */
+var Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Errors, _Component);
-
   var _super = (0, _createSuper2.default)(Errors);
-
   function Errors() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Errors);
-
     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.renderError = function (errorText, i) {
       var key = "error_for_".concat(i);
       return (0, _emotion.jsx)("div", {
@@ -55,19 +36,15 @@ var Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
         "data-automation": "sdk-core-error"
       }, errorText);
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(Errors, [{
     key: "render",
     value: function render() {
       var _this$props$errorList;
-
       if (this.props.errorList.size === 0) {
         return null;
       }
-
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.errors,
         "data-testid": "errors-container"
@@ -76,13 +53,13 @@ var Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }]);
   Errors.displayName = "Errors";
   return Errors;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _Errors.propTypes = {
   errorList: _reactImmutableProptypes.default.list,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _Errors.defaultProps = {
   errorList: (0, _immutable.List)()
-}, _temp)) || _class);
+}, _Errors)) || _class);
 exports.Errors = Errors;
 var _default = Errors;
 exports.default = _default;

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

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

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

@@ -4,16 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     errorFontFamily: typography.fontFamily,
     errorFontSize: typography.fontSizeSmall,
     errorColor: colors.crimson
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/common/components/shared/file_selector/FileSelector.js

@@ -1,52 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FileSelector = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _immutable = require("immutable");
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var FileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _FileSelector;
+/** @jsx jsx */
+var FileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(FileSelector, _Component);
-
   var _super = (0, _createSuper2.default)(FileSelector);
-
   function FileSelector() {
     var _this;
-
     (0, _classCallCheck2.default)(this, FileSelector);
     _this = _super.call(this);
     _this.onDrop = _this.onDrop.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(FileSelector, [{
     key: "onDrop",
     value: function onDrop(files) {
@@ -71,15 +53,15 @@ var FileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }]);
   FileSelector.displayName = "FileSelector";
   return FileSelector;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _FileSelector.propTypes = {
   acceptAttribute: _propTypes.default.string.isRequired,
   content: _propTypes.default.node.isRequired,
   fileHandler: _propTypes.default.func.isRequired,
   multiple: _propTypes.default.bool,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _FileSelector.defaultProps = {
   multiple: false
-}, _temp)) || _class);
+}, _FileSelector)) || _class);
 exports.FileSelector = FileSelector;
 var _default = FileSelector;
 exports.default = _default;

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

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

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

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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,
@@ -16,6 +15,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     dropzonePadding: spacing.medium
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

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

@@ -1,55 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _reduxStore = _interopRequireDefault(require("../../../../reduxStore.js"));
-
 // ======================================================
 // 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 wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
   var wrappedWithOutsideClick = /*#__PURE__*/function (_ComposedComponent) {
     (0, _inherits2.default)(wrappedWithOutsideClick, _ComposedComponent);
-
     var _super = (0, _createSuper2.default)(wrappedWithOutsideClick);
-
     function wrappedWithOutsideClick(props) {
       var _this;
-
       (0, _classCallCheck2.default)(this, wrappedWithOutsideClick);
       _this = _super.call(this, props);
       _this.checkForOutsideClick = _this.checkForOutsideClick.bind((0, _assertThisInitialized2.default)(_this));
       return _this;
     }
-
     (0, _createClass2.default)(wrappedWithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -70,14 +58,11 @@ var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
       key: "checkForOutsideClick",
       value: function checkForOutsideClick(e) {
         var isModalOpen = _reduxStore.default.getAppState().getIn(['modal', 'isOpen']);
-
         if ((0, _get2.default)((0, _getPrototypeOf2.default)(wrappedWithOutsideClick.prototype), "ignoreClickOutsideIf", this) && (0, _get2.default)((0, _getPrototypeOf2.default)(wrappedWithOutsideClick.prototype), "ignoreClickOutsideIf", this).call(this, e) || isModalOpen) {
           return;
         }
-
         if ((0, _get2.default)((0, _getPrototypeOf2.default)(wrappedWithOutsideClick.prototype), "clickedOutside", this)) {
           var domNode = _reactDom.default.findDOMNode(this);
-
           if (!(domNode && domNode.contains(e.target))) {
             (0, _get2.default)((0, _getPrototypeOf2.default)(wrappedWithOutsideClick.prototype), "clickedOutside", this).call(this, e);
           }
@@ -86,9 +71,7 @@ var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
     }]);
     return wrappedWithOutsideClick;
   }(ComposedComponent);
-
   return wrappedWithOutsideClick;
 };
-
 var _default = wrapWithOutsideClick;
 exports.default = _default;

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

@@ -1,53 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _reduxStore = _interopRequireDefault(require("../../../../reduxStore.js"));
-
 var _react = _interopRequireDefault(require("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) {
     (0, _inherits2.default)(wrappedWithOutsideClick, _React$Component);
-
     var _super = (0, _createSuper2.default)(wrappedWithOutsideClick);
-
     function wrappedWithOutsideClick(props) {
       var _this;
-
       (0, _classCallCheck2.default)(this, wrappedWithOutsideClick);
       _this = _super.call(this, props);
       _this.checkForOutsideClick = _this.checkForOutsideClick.bind((0, _assertThisInitialized2.default)(_this));
       return _this;
     }
-
     (0, _createClass2.default)(wrappedWithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -71,14 +60,11 @@ var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedC
       key: "checkForOutsideClick",
       value: function checkForOutsideClick(e) {
         var isModalOpen = _reduxStore.default.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.default.findDOMNode(this);
-
           if (!(domNode && domNode.contains(e.target))) {
             this.composedComponentRef.current.clickedOutside(e);
           }
@@ -97,6 +83,5 @@ var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedC
     return wrappedWithOutsideClick;
   }(_react.default.Component);
 };
-
 var _default = wrapWithOutsideClickEmotion;
 exports.default = _default;

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

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactRedux = require("../../../react-redux.js");
-
 var _quizzes = require("../../../selectors/quizzes.js");
-
 var _default = function _default(ComposedComponent) {
   var mapStateToProps = function mapStateToProps(state) {
     return {
       disableDraggingOverride: (0, _quizzes.isEditingQuizEntry)(state)
     };
   };
-
   return (0, _reactRedux.connect)(mapStateToProps)(ComposedComponent);
 };
-
 exports.default = _default;

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

@@ -1,101 +1,73 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.makeEditable = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _immutable = require("immutable");
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _extend = _interopRequireDefault(require("lodash/extend"));
-
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _redux = require("redux");
-
 var _reactRedux = require("../../../react-redux.js");
-
 var editingActionCreators = _interopRequireWildcard(require("../../../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) {
   var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     return {
       editingActions: (0, _redux.bindActionCreators)(editingActionCreators, dispatch)
     };
   };
-
   var mapStateToProps = function mapStateToProps(state) {
     return {
       editing: state.get('editing')
     };
   };
-
   return (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ComposedComponent);
 };
-
 var giveEditProps = function giveEditProps(ComposedComponent) {
-  var _class, _temp;
-
-  return _temp = _class = /*#__PURE__*/function (_Component) {
-    (0, _inherits2.default)(_class, _Component);
-
-    var _super = (0, _createSuper2.default)(_class);
-
-    function _class() {
+  var _Class;
+  return _Class = /*#__PURE__*/function (_Component) {
+    (0, _inherits2.default)(_Class, _Component);
+    var _super = (0, _createSuper2.default)(_Class);
+    function _Class() {
       var _this;
-
-      (0, _classCallCheck2.default)(this, _class);
-
+      (0, _classCallCheck2.default)(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;
     }
-
-    (0, _createClass2.default)(_class, [{
+    (0, _createClass2.default)(_Class, [{
       key: "componentWillMount",
       value: function componentWillMount() {
         this._uniqId = (0, _uniqueId.default)("".concat(ComposedComponent.displayName, "_"));
@@ -115,10 +87,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 (0, _omit.default)((0, _extend.default)({}, editingProps, this.props), ['editing']);
       }
     }, {
@@ -127,9 +100,9 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
         return /*#__PURE__*/_react.default.createElement(ComposedComponent, this.propsForChild());
       }
     }]);
-    _class.displayName = "_class";
-    return _class;
-  }(_react.Component), _class.propTypes = {
+    _Class.displayName = "_Class";
+    return _Class;
+  }(_react.Component), _Class.propTypes = {
     editing: _reactImmutableProptypes.default.map,
     editingActions: _propTypes.default.shape({
       startEdit: _propTypes.default.func.isRequired,
@@ -137,16 +110,14 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
       toggleEditing: _propTypes.default.func.isRequired
     }).isRequired,
     guid: _propTypes.default.string
-  }, _class.displayName = ComposedComponent.displayName, _class.defaultProps = {
+  }, _Class.displayName = ComposedComponent.displayName, _Class.defaultProps = {
     editing: (0, _immutable.fromJS)({}),
     guid: null
-  }, _temp;
+  }, _Class;
 };
-
 var makeEditable = function makeEditable(givenComponent) {
   return connectToEditStore(giveEditProps(givenComponent));
 };
-
 exports.makeEditable = makeEditable;
 var _default = makeEditable;
 exports.default = _default;