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

package/lib/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -1,79 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SidebarItem = 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 _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiLink = require("@instructure/ui-link");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _emotion = require("@instructure/emotion");
-
 var _index = _interopRequireDefault(require("../PositionSummary/index.js"));
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizRce = require("@instructure/quiz-rce");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _SidebarItem;
+/** @jsx jsx */
+var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SidebarItem, _Component);
-
   var _super = (0, _createSuper2.default)(SidebarItem);
-
   function SidebarItem() {
     var _this;
-
     (0, _classCallCheck2.default)(this, SidebarItem);
-
     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));
-
+    // ============
+    //   ACTIONS
+    // ============
     _this.scrollToItem = function (e) {
       e.preventDefault(); // prevent default link navigation
-
       if (_this.props.preventScrollToItem) {
         return;
-      } // this can be a real scroll or a oqaat change
+      }
+      // this can be a real scroll or a oqaat change
       // depending on whether is is oqaat or not
-
-
       _this.props.scrollToItem(_this.props.itemId);
-
       e.stopPropagation();
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(SidebarItem, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -83,10 +57,7 @@ var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles();
-    } // ============
-    //   ACTIONS
-    // ============
-
+    }
   }, {
     key: "getPointsText",
     // ============
@@ -99,23 +70,20 @@ var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     } // =============
     //   RENDERING
     // =============
-
   }, {
     key: "renderPosition",
     value: function renderPosition() {
       var _this$props = this.props,
-          displayPosition = _this$props.displayPosition,
-          position = _this$props.position,
-          quizEntry = _this$props.quizEntry,
-          sidebarOpen = _this$props.sidebarOpen;
-
+        displayPosition = _this$props.displayPosition,
+        position = _this$props.position,
+        quizEntry = _this$props.quizEntry,
+        sidebarOpen = _this$props.sidebarOpen;
       if (!sidebarOpen && quizEntry && quizEntry.sizeOfBank > 1) {
         return (0, _emotion.jsx)(_index.default, {
           firstPosition: position,
           lastPosition: position + quizEntry.sizeOfBank - 1
         });
       }
-
       return (0, _emotion.jsx)("span", {
         css: this.props.styles.displayNumber
       }, displayPosition);
@@ -124,9 +92,9 @@ var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     key: "renderButton",
     value: function renderButton() {
       var _this$props2 = this.props,
-          displayPosition = _this$props2.displayPosition,
-          itemId = _this$props2.itemId,
-          isAnswered = _this$props2.isAnswered;
+        displayPosition = _this$props2.displayPosition,
+        itemId = _this$props2.itemId,
+        isAnswered = _this$props2.isAnswered;
       var screenReaderContent = !isAnswered && isAnswered !== null ? (0, _formatMessage.default)('Navigate to question at position {displayPosition}, unanswered', {
         displayPosition: displayPosition
       }) : (0, _formatMessage.default)('Navigate to question at position {displayPosition}', {
@@ -156,10 +124,10 @@ var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     key: "renderOpen",
     value: function renderOpen() {
       var _this$props3 = this.props,
-          children = _this$props3.children,
-          itemName = _this$props3.itemName,
-          pointsPossible = _this$props3.pointsPossible,
-          styles = _this$props3.styles;
+        children = _this$props3.children,
+        itemName = _this$props3.itemName,
+        pointsPossible = _this$props3.pointsPossible,
+        styles = _this$props3.styles;
       return (0, _emotion.jsx)("div", {
         className: "sidebarIsOpen",
         css: styles.sidebarItem
@@ -196,7 +164,7 @@ var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }]);
   SidebarItem.displayName = "SidebarItem";
   return SidebarItem;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _SidebarItem.propTypes = {
   // Passed in by Sidebar
   children: _propTypes.default.element,
   displayPosition: _propTypes.default.string.isRequired,
@@ -216,13 +184,13 @@ var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   scrollToItem: _propTypes.default.func.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _SidebarItem.defaultProps = {
   children: null,
   inStimulus: false,
   itemBody: '',
   quizEntry: null,
   isAnswered: null
-}, _temp)) || _class);
+}, _SidebarItem)) || _class);
 exports.SidebarItem = SidebarItem;
 var _default = SidebarItem;
 exports.default = _default;

package/lib/common/components/layout/sidebar/SidebarItem/styles.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     sidebarItem: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
@@ -64,6 +61,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/common/components/layout/sidebar/SidebarItem/theme.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var borders = _ref.borders,
-      colors = _ref.colors,
-      typography = _ref.typography,
-      spacing = _ref.spacing;
+    colors = _ref.colors,
+    typography = _ref.typography,
+    spacing = _ref.spacing;
   return {
     borderColor: colors.white,
     bottomBorderColor: colors.tiara,
@@ -31,6 +30,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarItemLogoFontSize: typography.fontSizeMedium
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Collection/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 _sidebar = require("../../../../../actions/sidebar.js");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var _default = (0, _reactRedux.connect)(null, {
   setSidebarStimulusIsShowing: _sidebar.setSidebarStimulusIsShowing
 })(_presenter.default);
-
 exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -1,73 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Collection = 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 _uiIcons = require("@instructure/ui-icons");
-
 var _uiMotion = require("@instructure/ui-motion");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _emotion = require("@instructure/emotion");
-
 var _index = _interopRequireDefault(require("../../PositionSummary/index.js"));
-
 var _presenter = require("../presenter.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 Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _Collection;
+/** @jsx jsx */
+var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Collection, _Component);
-
   var _super = (0, _createSuper2.default)(Collection);
-
   function Collection() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Collection);
-
     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.handleSidebarHideItems = function () {
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, false);
     };
-
     _this.handleSidebarShowItems = function () {
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, true);
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(Collection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -90,12 +63,11 @@ var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     // =============
     value: function renderItems() {
       var _this2 = this;
-
       var _this$props = this.props,
-          firstPosition = _this$props.firstPosition,
-          isShowingItems = _this$props.isShowingItems,
-          itemCollection = _this$props.itemCollection,
-          sidebarOpen = _this$props.sidebarOpen;
+        firstPosition = _this$props.firstPosition,
+        isShowingItems = _this$props.isShowingItems,
+        itemCollection = _this$props.itemCollection,
+        sidebarOpen = _this$props.sidebarOpen;
       var nextDisplayPosition = firstPosition;
       var itemComponents = itemCollection.toArray().map(function (item, i) {
         var displayPosition = nextDisplayPosition;
@@ -124,9 +96,9 @@ var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     key: "renderItemSummaryOnClosedSidebar",
     value: function renderItemSummaryOnClosedSidebar() {
       var _this$props2 = this.props,
-          firstPosition = _this$props2.firstPosition,
-          itemCollection = _this$props2.itemCollection,
-          isShowingItems = _this$props2.isShowingItems;
+        firstPosition = _this$props2.firstPosition,
+        itemCollection = _this$props2.itemCollection,
+        isShowingItems = _this$props2.isShowingItems;
       var transitionType = !isShowingItems ? 'slide-up' : 'slide-down';
       return (0, _emotion.jsx)(_uiMotion.Transition, {
         in: !isShowingItems,
@@ -161,13 +133,11 @@ var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }]);
   Collection.displayName = "Collection";
   return Collection;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _Collection.propTypes = {
   // Passed in by Sidebar
   firstPosition: _propTypes.default.number.isRequired,
-
   /* eslint-disable-next-line react/no-unused-prop-types */
   isOver: _propTypes.default.bool.isRequired,
-
   /* This is used for when the stimulus is being dragged in build */
   renderSidebarItem: _propTypes.default.func.isRequired,
   sidebarOpen: _propTypes.default.bool.isRequired,
@@ -178,9 +148,9 @@ var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   setSidebarStimulusIsShowing: _propTypes.default.func.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _Collection.defaultProps = {
   isShowingItems: false
-}, _temp)) || _class);
+}, _Collection)) || _class);
 exports.Collection = Collection;
 var _default = Collection;
 exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Collection/styles.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _presenter = require("../presenter.js");
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var shouldDisplayAllItems = props.itemCollection.size <= _presenter.DISPLAY_AS_SUMMARY_LIMIT;
   var shouldDisplayAsColumn = props.isShowingItems && !shouldDisplayAllItems && !props.sidebarOpen;
@@ -54,6 +50,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }, isSummaryHidden && hiddenStyles)
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Collection/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,
-      spacing = _ref.spacing,
-      borders = _ref.borders;
+    spacing = _ref.spacing,
+    borders = _ref.borders;
   return {
     columnPadding: spacing.xSmall,
     sidebarIsOpenBottomBorderColor: colors.slate,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Summary/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 _sidebar = require("../../../../../actions/sidebar.js");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var _default = (0, _reactRedux.connect)(null, {
   setSidebarStimulusIsShowing: _sidebar.setSidebarStimulusIsShowing
 })(_presenter.default);
-
 exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Summary/presenter.js

@@ -1,80 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Summary = 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 _uiText = require("@instructure/ui-text");
-
 var _emotion = require("@instructure/emotion");
-
 var _presenter = require("../presenter.js");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _dec, _class, _class2, _temp;
-
-var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _Summary;
+/** @jsx jsx */
+var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Summary, _Component);
-
   var _super = (0, _createSuper2.default)(Summary);
-
   function Summary() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Summary);
-
     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.handleShowItems = function () {
       if (_this.props.isDragging) {
         return;
       }
-
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, !_this.props.isShowingItems);
     };
-
     _this.handleKeyDown = function (event) {
       if (event.keyCode === 13 || event.keyCode === 32) {
         // enter or space pressed
         _this.handleShowItems();
       }
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(Summary, [{
     key: "getCountText",
     value: function getCountText() {
       var _this$props = this.props,
-          isDragging = _this$props.isDragging,
-          startPosition = _this$props.startPosition,
-          numberOfItems = _this$props.numberOfItems;
-
+        isDragging = _this$props.isDragging,
+        startPosition = _this$props.startPosition,
+        numberOfItems = _this$props.numberOfItems;
       if (isDragging) {
         if (numberOfItems > 1) {
           return (0, _formatMessage.default)('Questions {first, number} - {second, number} Included', {
@@ -82,33 +57,28 @@ var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
             second: startPosition + numberOfItems - 1
           });
         }
-
         return (0, _formatMessage.default)('Question {first, number} Included', {
           first: startPosition
         });
       }
-
       if (numberOfItems > 1) {
         return (0, _formatMessage.default)('Questions {first, number} - {second, number}', {
           first: startPosition,
           second: startPosition + numberOfItems - 1
         });
       }
-
       return (0, _formatMessage.default)('Question {first, number}', {
         first: startPosition
       });
     } // =============
     //   RENDERING
     // =============
-
   }, {
     key: "renderEndSectionContent",
     value: function renderEndSectionContent() {
       var _this$props2 = this.props,
-          isDragging = _this$props2.isDragging,
-          isShowingItems = _this$props2.isShowingItems;
-
+        isDragging = _this$props2.isDragging,
+        isShowingItems = _this$props2.isShowingItems;
       if (!isDragging) {
         return (0, _emotion.jsx)(_uiText.Text, {
           size: "small",
@@ -120,11 +90,9 @@ var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     key: "render",
     value: function render() {
       var isDragging = this.props.isDragging;
-
       if (!isDragging && this.props.numberOfItems <= _presenter.DISPLAY_AS_SUMMARY_LIMIT) {
         return null;
       }
-
       var id = "stimulus-summary-content-".concat(this.props.stimulusId);
       return (0, _emotion.jsx)("div", {
         role: "button",
@@ -154,10 +122,9 @@ var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }]);
   Summary.displayName = "Summary";
   return Summary;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _Summary.propTypes = {
   // Passed in by parent
   startPosition: _propTypes.default.number.isRequired,
-
   /* This is used for when the stimulus is being dragged in build */
   isDragging: _propTypes.default.bool,
   numberOfItems: _propTypes.default.number.isRequired,
@@ -166,10 +133,10 @@ var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   // from connected component
   setSidebarStimulusIsShowing: _propTypes.default.func.isRequired,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _Summary.defaultProps = {
   isDragging: false,
   isShowingItems: false
-}, _temp)) || _class);
+}, _Summary)) || _class);
 exports.Summary = Summary;
 var _default = Summary;
 exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Summary/styles.js

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

package/lib/common/components/layout/sidebar/Stimulus/Summary/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 {
     itemContainerColor: colors.licorice,
     itemContainerPadding: spacing.xSmall,
@@ -18,6 +17,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     summaryMarginLeft: spacing.medium
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;