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

package/lib/common/components/resources/quiz/AddContent/Popover/index.js

@@ -1,32 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldFocus = shouldFocus;
 exports.default = exports.AddContentPopover = void 0;
-
+exports.shouldFocus = shouldFocus;
 var _redux = require("redux");
-
-var _reactRedux = require("../../../../../react-redux.js");
-
-var _makeEditable = _interopRequireDefault(require("../../../../shared/functionality/makeEditable.js"));
-
+var _reactRedux = require("../../../../../react-redux");
+var _makeEditable = _interopRequireDefault(require("../../../../shared/functionality/makeEditable"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _ui = require("../../../../../actions/ui.js");
-
-var _modal = require("../../../../../actions/modal.js");
-
-var _presenter = require("./presenter.js");
-
+var _ui = require("../../../../../actions/ui");
+var _modal = require("../../../../../actions/modal");
+var _presenter = require("./presenter");
 // only exported for testing - not intended for external use
 function shouldFocus(state, props) {
   var deletedQuizEntry = state.getIn(['ui', _quizCommon.DELETED_QUIZ_ENTRY], {});
   var position = props.position,
-      stimulusId = props.stimulusId;
+    stimulusId = props.stimulusId;
   var positionMatches = deletedQuizEntry.position === position;
   var bothInStimulus = deletedQuizEntry.inStimulus && stimulusId !== void 0;
   var neitherInStimulus = !deletedQuizEntry.inStimulus && stimulusId === void 0;
@@ -35,7 +26,6 @@ function shouldFocus(state, props) {
   var isFirst = position === 0;
   return positionMatches && stimulusMatches || deletedFirst && isFirst;
 }
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),
@@ -43,12 +33,9 @@ var mapStateToProps = function mapStateToProps(state, props) {
     shouldFocus: shouldFocus(state, props)
   };
 };
-
 var mapDispatchToProps = {
   openAddContentModal: _modal.openAddContentModal,
   clearUi: _ui.clear
 };
-var AddContentPopover = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), _makeEditable.default)(_presenter.AddContentPopover);
-exports.AddContentPopover = AddContentPopover;
-var _default = AddContentPopover;
-exports.default = _default;
+var AddContentPopover = exports.AddContentPopover = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), _makeEditable.default)(_presenter.AddContentPopover);
+var _default = exports.default = AddContentPopover;

package/lib/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -1,78 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddContentPopover = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiPopover = require("@instructure/ui-popover");
-
 var _emotion = require("@instructure/emotion");
-
-var _CustomPropTypes = _interopRequireDefault(require("../../../../../util/CustomPropTypes.js"));
-
-var _ElementsForSelectors = _interopRequireDefault(require("../../../../../util/ElementsForSelectors.js"));
-
-var _windowChecks = require("../../../../../util/windowChecks.js");
-
-var _index = _interopRequireDefault(require("../Button/index.js"));
-
-var _index2 = _interopRequireDefault(require("../Body/index.js"));
-
+var _CustomPropTypes = _interopRequireDefault(require("../../../../../util/CustomPropTypes"));
+var _ElementsForSelectors = _interopRequireDefault(require("../../../../../util/ElementsForSelectors"));
+var _windowChecks = require("../../../../../util/windowChecks");
+var _Button = _interopRequireDefault(require("../Button"));
+var _Body = _interopRequireDefault(require("../Body"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddContentPopover, _Component);
-
-  var _super = (0, _createSuper2.default)(AddContentPopover);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _AddContentPopover;
+/** @jsx jsx */
+var AddContentPopover = exports.AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
   function AddContentPopover() {
     var _this;
-
     (0, _classCallCheck2.default)(this, AddContentPopover);
-
     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 = (0, _callSuper2.default)(this, AddContentPopover, [].concat(args));
     _this.applicationElement = function () {
       return (0, _ElementsForSelectors.default)(_this.props.appContainer);
     };
-
     _this.showContent = function () {
       _this.props.switchOnEditing();
     };
-
     _this.hideContent = function () {
       _this.props.switchOffEditing();
     };
-
     _this.storePopoverTriggerRef = function (b) {
       _this.popoverTrigger = b;
     };
-
     _this.renderPopoverButton = function () {
       return (0, _emotion.jsx)(_uiPopover.Popover, {
         on: "click",
@@ -82,7 +52,7 @@ var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         shouldCloseOnEscape: true,
         shouldContainFocus: true,
         renderTrigger: _this.renderAddContentButton()
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_Body.default, {
         allowStimulusCreation: _this.props.allowStimulusCreation,
         onOpenBankTray: _this.props.switchOffEditing,
         onAddItem: _this.props.switchOffEditing,
@@ -92,7 +62,6 @@ var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         stimulusId: _this.props.stimulusId
       }));
     };
-
     _this.openAddContentModal = function () {
       _this.props.openAddContentModal({
         allowStimulusCreation: _this.props.allowStimulusCreation,
@@ -102,19 +71,16 @@ var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         stimulusId: _this.props.stimulusId
       });
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(AddContentPopover, [{
+  (0, _inherits2.default)(AddContentPopover, _Component);
+  return (0, _createClass2.default)(AddContentPopover, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
-
       if (this.props.shouldFocus) {
         setTimeout(function () {
           _this2.popoverTrigger && _this2.popoverTrigger.focus();
-
           _this2.props.clearUi(_quizCommon.DELETED_QUIZ_ENTRY);
         }, 100); // force after modal attempt to refocus delete button
       }
@@ -123,7 +89,7 @@ var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
     key: "renderAddContentButton",
     value: function renderAddContentButton() {
       var onClick = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_Button.default, {
         ref: this.storePopoverTriggerRef,
         onClick: onClick,
         isEditing: this.props.isEditing,
@@ -148,9 +114,7 @@ var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       }, borderLine, button);
     }
   }]);
-  AddContentPopover.displayName = "AddContentPopover";
-  return AddContentPopover;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _AddContentPopover.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   allowStimulusCreation: _propTypes.default.bool,
   clearUi: _propTypes.default.func.isRequired,
@@ -167,13 +131,11 @@ var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
   useStimulusTrigger: _propTypes.default.bool,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _AddContentPopover.defaultProps = {
   allowStimulusCreation: true,
   isMobile: (0, _windowChecks.onPhone)() || (0, _windowChecks.onTablet)(),
   parentEntryId: null,
   stimulusId: null,
   useStimulusTrigger: false
-}, _temp)) || _class);
-exports.AddContentPopover = AddContentPopover;
-var _default = AddContentPopover;
-exports.default = _default;
+}, _AddContentPopover)) || _class);
+var _default = exports.default = AddContentPopover;

package/lib/common/components/resources/quiz/AddContent/Popover/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var attachQuestionContainer = {
     width: '100%',
@@ -33,6 +32,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/common/components/resources/quiz/AddContent/Popover/theme.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      borders = _ref.borders;
+    borders = _ref.borders;
   return {
     borderLineBorderWidth: borders.widthMedium,
     borderLineBorderColor: colors.porcelain
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/common/components/resources/quiz/info/QuizInfo.js

@@ -1,43 +1,27 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizInfo = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
-var _Title = _interopRequireDefault(require("../title/Title.js"));
-
-var _Instructions = _interopRequireDefault(require("../instructions/Instructions.js"));
-
+var _Title = _interopRequireDefault(require("../title/Title"));
+var _Instructions = _interopRequireDefault(require("../instructions/Instructions"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var QuizInfo = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizInfo, _Component);
-
-  var _super = (0, _createSuper2.default)(QuizInfo);
-
+var QuizInfo = exports.QuizInfo = /*#__PURE__*/function (_Component) {
   function QuizInfo() {
     (0, _classCallCheck2.default)(this, QuizInfo);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, QuizInfo, arguments);
   }
-
-  (0, _createClass2.default)(QuizInfo, [{
+  (0, _inherits2.default)(QuizInfo, _Component);
+  return (0, _createClass2.default)(QuizInfo, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Title.default, Object.assign({}, this.props, {
@@ -47,16 +31,11 @@ var QuizInfo = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  QuizInfo.displayName = "QuizInfo";
-  return QuizInfo;
 }(_react.Component);
-
-exports.QuizInfo = QuizInfo;
 QuizInfo.propTypes = {
   hideInstructions: _propTypes.default.bool
 };
 QuizInfo.defaultProps = {
   hideInstructions: false
 };
-var _default = QuizInfo;
-exports.default = _default;
+var _default = exports.default = QuizInfo;

package/lib/common/components/resources/quiz/instructions/Instructions.js

@@ -1,49 +1,36 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizInstructions = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("@instructure/emotion");
-
 var _quizRce = require("@instructure/quiz-rce");
-
-var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizInstructions, _Component);
-
-  var _super = (0, _createSuper2.default)(QuizInstructions);
-
+var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _QuizInstructions;
+/** @jsx jsx */
+/* eslint "react/no-string-refs": "warn" */
+// ================================
+// renders the quiz instructions on
+// the Preview and Take pages
+// ================================
+var QuizInstructions = exports.QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   function QuizInstructions() {
     (0, _classCallCheck2.default)(this, QuizInstructions);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, QuizInstructions, arguments);
   }
-
-  (0, _createClass2.default)(QuizInstructions, [{
+  (0, _inherits2.default)(QuizInstructions, _Component);
+  return (0, _createClass2.default)(QuizInstructions, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("div", {
@@ -58,15 +45,9 @@ var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       }));
     }
   }]);
-  QuizInstructions.displayName = "QuizInstructions";
-  return QuizInstructions;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _QuizInstructions.propTypes = {
   quiz: _reactImmutableProptypes.default.record.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _temp)) || _class);
-exports.QuizInstructions = QuizInstructions;
-
-var _default = (0, _makeScrollable.default)(QuizInstructions);
-
-exports.default = _default;
+}, _QuizInstructions)) || _class);
+var _default = exports.default = (0, _makeScrollable.default)(QuizInstructions);

package/lib/common/components/resources/quiz/instructions/styles.js

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

package/lib/common/components/resources/quiz/instructions/theme.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     wrapperPadding: spacing.large,
     textFontSize: typography.fontSizeMedium
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/common/components/resources/quiz/title/Title.js

@@ -1,49 +1,35 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizTitle = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _emotion = require("@instructure/emotion");
-
-var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var QuizTitle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizTitle, _Component);
-
-  var _super = (0, _createSuper2.default)(QuizTitle);
-
+var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _QuizTitle;
+/** @jsx jsx */
+// ==========================
+// renders the quiz title on
+// the Preview and Take pages
+// ==========================
+var QuizTitle = exports.QuizTitle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
   function QuizTitle() {
     (0, _classCallCheck2.default)(this, QuizTitle);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, QuizTitle, arguments);
   }
-
-  (0, _createClass2.default)(QuizTitle, [{
+  (0, _inherits2.default)(QuizTitle, _Component);
+  return (0, _createClass2.default)(QuizTitle, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("div", {
@@ -57,15 +43,9 @@ var QuizTitle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       }, this.props.quiz.title)));
     }
   }]);
-  QuizTitle.displayName = "QuizTitle";
-  return QuizTitle;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _QuizTitle.propTypes = {
   quiz: _reactImmutableProptypes.default.record.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _temp)) || _class);
-exports.QuizTitle = QuizTitle;
-
-var _default = (0, _makeScrollable.default)(QuizTitle);
-
-exports.default = _default;
+}, _QuizTitle)) || _class);
+var _default = exports.default = (0, _makeScrollable.default)(QuizTitle);

package/lib/common/components/resources/quiz/title/styles.js

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

package/lib/common/components/resources/quiz/title/theme.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     wrapperPadding: spacing.large,
     wrapperMargin: spacing.medium,
     textFontSize: typography.fontSizeXLarge
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;