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

package/lib/common/components/shared/FormattedDuration/index.js

@@ -1,54 +1,37 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.breakdownSeconds = breakdownSeconds;
 exports.default = exports.FormattedTimer = exports.MINUTE_IN_SECONDS = exports.HOUR_IN_SECONDS = exports.DAY_IN_SECONDS = 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _formatTimespan = require("../../../util/formatTimespan.js");
-
 var _uiText = require("@instructure/ui-text");
-
 var DAY_IN_SECONDS = 86400;
 exports.DAY_IN_SECONDS = DAY_IN_SECONDS;
 var HOUR_IN_SECONDS = 3600;
 exports.HOUR_IN_SECONDS = HOUR_IN_SECONDS;
 var MINUTE_IN_SECONDS = 60;
+
 /**
  * @param  {integer} seconds Number of seconds
  * @return {object}
  */
-
 exports.MINUTE_IN_SECONDS = MINUTE_IN_SECONDS;
-
 function breakdownSeconds(seconds) {
   var includeDays = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-
   if (seconds <= 0 || seconds === null || seconds === void 0) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, includeDays && {
       days: 0
@@ -58,7 +41,6 @@ function breakdownSeconds(seconds) {
       seconds: 0
     });
   }
-
   return (0, _objectSpread2.default)({
     seconds: seconds % MINUTE_IN_SECONDS,
     minutes: Math.floor(seconds / MINUTE_IN_SECONDS) % MINUTE_IN_SECONDS,
@@ -67,25 +49,20 @@ function breakdownSeconds(seconds) {
     days: Math.floor(seconds / DAY_IN_SECONDS)
   });
 }
-
 var FormattedTimer = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(FormattedTimer, _withI18nSupport);
-
   var _super = (0, _createSuper2.default)(FormattedTimer);
-
   function FormattedTimer() {
     (0, _classCallCheck2.default)(this, FormattedTimer);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(FormattedTimer, [{
     key: "render",
     value: function render() {
       var _breakdownSeconds = breakdownSeconds(this.props.seconds),
-          hours = _breakdownSeconds.hours,
-          minutes = _breakdownSeconds.minutes,
-          seconds = _breakdownSeconds.seconds;
-
+        hours = _breakdownSeconds.hours,
+        minutes = _breakdownSeconds.minutes,
+        seconds = _breakdownSeconds.seconds;
       var altText = (0, _formatTimespan.formatTime)(this.props.seconds);
       var display = hours > 0 ? (0, _formatMessage.default)('{ hours }:{ minutes }:{ seconds }', {
         hours: this.formatDecimal2MinIntegerNoFraction(hours),
@@ -107,7 +84,6 @@ var FormattedTimer = /*#__PURE__*/function (_withI18nSupport) {
   FormattedTimer.displayName = "FormattedTimer";
   return FormattedTimer;
 }((0, _quizCommon.withI18nSupport)(_react.Component));
-
 exports.FormattedTimer = FormattedTimer;
 FormattedTimer.propTypes = {
   fontSize: _uiText.Text.propTypes.size,

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

@@ -5,19 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mapStateToProps = mapStateToProps;
 exports.default = exports.IfFeature = void 0;
-
 var _reactRedux = require("../../../react-redux.js");
-
 var _presenter = require("./presenter.js");
-
 var _featureCheck = require("../../../util/featureCheck.js");
-
 function mapStateToProps(state, props) {
   return {
     isOn: (0, _featureCheck.featureOn)(props.name)
   };
 }
-
 var IfFeature = (0, _reactRedux.connect)(mapStateToProps)(_presenter.IfFeature);
 exports.IfFeature = IfFeature;
 var _default = IfFeature;

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

@@ -1,48 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.IfFeature = 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var IfFeature = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(IfFeature, _Component);
-
   var _super = (0, _createSuper2.default)(IfFeature);
-
   function IfFeature() {
     (0, _classCallCheck2.default)(this, IfFeature);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(IfFeature, [{
     key: "render",
     value: function render() {
       if (!this.props.isOn) {
         return null;
       }
-
       return this.props.children;
     }
   }]);
   IfFeature.displayName = "IfFeature";
   return IfFeature;
 }(_react.Component);
-
 exports.IfFeature = IfFeature;
 IfFeature.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactRedux = require("../../../react-redux.js");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 function mapStateToProps(state) {
   return {};
 }
-
 var _default = (0, _reactRedux.connect)(mapStateToProps)(_presenter.default);
-
 exports.default = _default;

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

@@ -1,71 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InteractionTypes = 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _partial = _interopRequireDefault(require("lodash/partial"));
-
 var _immutable = require("immutable");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiGrid = require("@instructure/ui-grid");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _interactionTypeMetadata = require("../../../util/interactionTypeMetadata.js");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _InteractionTypes;
+/** @jsx jsx */
+var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_InteractionTypes = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(InteractionTypes, _Component);
-
   var _super = (0, _createSuper2.default)(InteractionTypes);
-
   function InteractionTypes() {
     var _this;
-
     (0, _classCallCheck2.default)(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) {
       var onClick, Icon, name, title, automation;
-
       if (intType.name === 'Stimulus') {
         onClick = _this.props.addStimulus;
         Icon = _uiIcons.IconPlusLine;
@@ -82,7 +54,6 @@ var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         });
         automation = "sdk-interaction-button-".concat(intType.slug);
       }
-
       return (0, _emotion.jsx)(_uiButtons.Button, {
         key: intType.slug,
         margin: "0 0 xx-small",
@@ -108,20 +79,18 @@ var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         color: "primary"
       }, name)))))));
     };
-
     _this.renderInteractionTypeRows = function () {
       var buttons = [];
-      var types = _this.props.types; // The interaction types are in alphabetical order
+      var types = _this.props.types;
 
+      // The interaction types are in alphabetical order
       types.sortBy(function (intType) {
         return (0, _interactionTypeMetadata.interactionTypeMetadata)(intType).name;
       }).forEach(function (intType, i) {
         var button = _this.renderInteractionTypeButton(intType, i);
-
         if (i % _this.props.columns === 0) {
           buttons[Math.floor(i / _this.props.columns)] = [];
         }
-
         buttons[Math.floor(i / _this.props.columns)].push((0, _emotion.jsx)(_uiGrid.Grid.Col, {
           width: 12 / _this.props.columns,
           key: intType.slug
@@ -136,7 +105,6 @@ var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         }, gridCols);
       });
     };
-
     _this.renderStimulusTypeButton = function () {
       if (_this.props.allowStimulusCreation) {
         var dividerRow = (0, _emotion.jsx)(_uiGrid.Grid.Row, {
@@ -158,10 +126,8 @@ var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         return [dividerRow, stimulusRow];
       }
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(InteractionTypes, [{
     key: "render",
     value: function render() {
@@ -174,17 +140,17 @@ var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   InteractionTypes.displayName = "InteractionTypes";
   return InteractionTypes;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _InteractionTypes.propTypes = {
   columns: _propTypes.default.number.isRequired,
   addItem: _propTypes.default.func.isRequired,
   addStimulus: _propTypes.default.func.isRequired,
   allowStimulusCreation: _propTypes.default.bool,
   types: _reactImmutableProptypes.default.list,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _InteractionTypes.defaultProps = {
   allowStimulusCreation: true,
   types: (0, _immutable.List)()
-}, _temp)) || _class);
+}, _InteractionTypes)) || _class);
 exports.InteractionTypes = InteractionTypes;
 var _default = InteractionTypes;
 exports.default = _default;

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

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

package/lib/common/components/shared/InteractionTypes/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,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
+    borders = _ref.borders,
+    spacing = _ref.spacing;
   return {
     stimulusDividerBorderWidth: borders.widthSmall,
     stimulusDividerBorderColor: colors.ash,
@@ -16,6 +15,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     stimulusDividerMarginBottom: spacing.small
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

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

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mapStateToProps = mapStateToProps;
 exports.default = void 0;
-
 var _immutable = require("immutable");
-
 var _reactRedux = require("../../../react-redux.js");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var _ui = require("../../../actions/ui.js");
-
 function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', props.stateKey], (0, _immutable.Map)());
   var totalPages = pageData.get('total', 0);
@@ -27,10 +21,8 @@ function mapStateToProps(state, props) {
     contents: contents
   };
 }
-
 var _default = (0, _reactRedux.connect)(mapStateToProps, {
   merge: _ui.merge,
   set: _ui.set
 })(_presenter.default);
-
 exports.default = _default;

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

@@ -1,75 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PaginatedCollection = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 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 = _interopRequireWildcard(require("immutable"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _emotion = require("@instructure/emotion");
-
 var _index = _interopRequireDefault(require("../Paginator/index.js"));
-
 var _Spinner = _interopRequireDefault(require("../spinner/Spinner.js"));
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _PaginatedCollection;
+/** @jsx jsx */
+/**
+ * Renders pagination controls and manages state of page contents. `getPage`
+ * will be called with the page number and any collection parameters, and should
+ * return a promise that resolves to `{ records, totalPages }`, where `records`
+ * is an array of arbitrary records, and `totalPages` is the total number of
+ * pages. `renderRecords` will be called with `records` as returned from the
+ * `getPage` function. It is the responsibility of that function to render the
+ * page.
+ *
+ * This component assumes that changing collection `params` can change the
+ * underlying collection that is fetched. It thus resets the page cache when
+ * `params` change.
+ */
 var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
-
-var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PaginatedCollection = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PaginatedCollection, _Component);
-
   var _super = (0, _createSuper2.default)(PaginatedCollection);
-
   function PaginatedCollection() {
     var _this;
-
     (0, _classCallCheck2.default)(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.props.merge(_this.props.stateKey, {
         current: nextPage
       });
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(PaginatedCollection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -79,10 +64,9 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(_ref) {
       var merge = _ref.merge,
-          params = _ref.params,
-          set = _ref.set,
-          stateKey = _ref.stateKey;
-
+        params = _ref.params,
+        set = _ref.set,
+        stateKey = _ref.stateKey;
       if (!params.equals(this.props.params)) {
         set(stateKey, Immutable.fromJS({
           current: 1
@@ -101,9 +85,8 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   }, {
     key: "getPage",
     value: function () {
-      var _getPage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(stateKey, page, params) {
+      var _getPage = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(stateKey, page, params) {
         var _yield$this$props$get, records, totalPages;
-
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -112,25 +95,20 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
                   _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: (0, _defineProperty2.default)({}, page, records),
                     total: totalPages
                   });
                 }
-
               case 8:
               case "end":
                 return _context.stop();
@@ -138,11 +116,9 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
           }
         }, _callee, this);
       }));
-
       function getPage(_x, _x2, _x3) {
         return _getPage.apply(this, arguments);
       }
-
       return getPage;
     }()
   }, {
@@ -155,11 +131,9 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "renderRecords",
     value: function renderRecords() {
       var records = this.props.contents.get(this.props.currentPage.toString());
-
       if (records.size === 0 && this.props.empty) {
         return this.renderEmpty();
       }
-
       return this.props.renderRecords(records.toJS());
     }
   }, {
@@ -178,8 +152,8 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          currentPage = _this$props.currentPage,
-          totalPages = _this$props.totalPages;
+        currentPage = _this$props.currentPage,
+        totalPages = _this$props.totalPages;
       return (0, _emotion.jsx)(_index.default, {
         currentPage: currentPage,
         onPageChange: this.onPageChange,
@@ -189,7 +163,7 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   }]);
   PaginatedCollection.displayName = "PaginatedCollection";
   return PaginatedCollection;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _PaginatedCollection.propTypes = {
   currentPage: _propTypes.default.number.isRequired,
   contents: _reactImmutableProptypes.default.map.isRequired,
   empty: _propTypes.default.node,
@@ -201,10 +175,10 @@ var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   stateKey: _propTypes.default.string.isRequired,
   totalPages: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _PaginatedCollection.defaultProps = {
   empty: null,
   params: Immutable.Map()
-}, _temp)) || _class);
+}, _PaginatedCollection)) || _class);
 exports.PaginatedCollection = PaginatedCollection;
 var _default = PaginatedCollection;
 exports.default = _default;

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

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

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

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      typography = _ref.typography,
-      spacing = _ref.spacing;
+    typography = _ref.typography,
+    spacing = _ref.spacing;
   return {
     emptyPadding: spacing.small,
     emptyFontSize: typography.fontSizeLarge,
     emptyColor: colors.ash
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;