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

package/es/common/components/layout/sidebar/PositionSummary/index.js

@@ -3,9 +3,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, _PositionSummary;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,17 +11,13 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   _inherits(PositionSummary, _Component);
-
   var _super = _createSuper(PositionSummary);
-
   function PositionSummary() {
     _classCallCheck(this, PositionSummary);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(PositionSummary, [{
     key: "render",
     value: function render() {
@@ -42,12 +36,11 @@ export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentT
       })));
     }
   }]);
-
   PositionSummary.displayName = "PositionSummary";
   return PositionSummary;
-}(Component), _class2.propTypes = {
+}(Component), _PositionSummary.propTypes = {
   firstPosition: PropTypes.number.isRequired,
   lastPosition: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _PositionSummary)) || _class);
 export default PositionSummary;

package/es/common/components/layout/sidebar/PositionSummary/styles.js

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

package/es/common/components/layout/sidebar/PositionSummary/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      borders = _ref.borders,
-      typography = _ref.typography;
+    spacing = _ref.spacing,
+    borders = _ref.borders,
+    typography = _ref.typography;
   return {
     numberSummaryColor: colors.licorice,
     numberSummaryFontSize: typography.fontSizeMedium,
@@ -13,5 +13,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     verticalDotsBorderColor: colors.licorice
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/layout/sidebar/Sidebar/Pin.js

@@ -5,32 +5,25 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Link } from '@instructure/ui-link'; // Component exists to prevent the recreation of the scroll function with each render,
-// which would cause a new rerender on each data change
+import { Link } from '@instructure/ui-link';
 
+// Component exists to prevent the recreation of the scroll function with each render,
+// which would cause a new rerender on each data change
 export var Pin = /*#__PURE__*/function (_Component) {
   _inherits(Pin, _Component);
-
   var _super = _createSuper(Pin);
-
   function Pin() {
     var _this;
-
     _classCallCheck(this, Pin);
-
     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.scroll = function () {
       _this.props.scrollToItem(_this.props.position)(_this.props.sessionItemId);
     };
-
     return _this;
   }
-
   _createClass(Pin, [{
     key: "render",
     value: function render() {
@@ -43,7 +36,6 @@ export var Pin = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   Pin.displayName = "Pin";
   return Pin;
 }(Component);

package/es/common/components/layout/sidebar/Sidebar/Sidebar.examples.js

@@ -1,14 +1,11 @@
 import React from 'react';
 import { List } from 'immutable';
-
 var _ref = /*#__PURE__*/React.createElement("div", {
   key: "1"
 }, "child1");
-
 var _ref2 = /*#__PURE__*/React.createElement("div", {
   key: "2"
 }, "child2");
-
 export default {
   propValues: {
     taking: [false, true],

package/es/common/components/layout/sidebar/Sidebar/index.js

@@ -3,11 +3,8 @@ 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, _Sidebar;
 /** @jsx jsx */
-
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -29,81 +26,57 @@ import noop from "../../../../util/noop.js";
 import Pin from "./Pin.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-
 var _ref = jsx(IconQuizTitleLine, {
   color: "primary"
 });
-
 var _ref2 = jsx(IconQuizInstructionsLine, {
   color: "primary"
 });
-
 var _ref3 = jsx(IconQuizInstructionsLine, {
   color: "primary"
 });
-
 var _ref4 = jsx(IconPinSolid, null);
-
-export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
   _inherits(Sidebar, _Component);
-
   var _super = _createSuper(Sidebar);
-
   function Sidebar() {
     var _this;
-
     _classCallCheck(this, Sidebar);
-
     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.scrollToTitle = function (e) {
       e.preventDefault(); // prevent default link navigation
-
       _this.props.scrollToItem(null)(TITLE_SCROLL_KEY);
     };
-
     _this.scrollToInfo = function (e) {
       e.preventDefault(); // prevent default link navigation
-
       _this.props.scrollToItem(null)(INSTRUCTIONS_SCROLL_KEY);
     };
-
     _this.scrollToResults = function (e) {
       e.preventDefault(); // prevent default link navigation
-
       _this.props.scrollToItem(null)(RESULTS_SCROLL_KEY);
     };
-
     _this.toggleSidebar = function () {
       var msg = _this.props.sidebarOpen ? t('Closed Sidebar') : t('Opened Sidebar');
-
       _this.props.screenreaderNotification(msg);
-
       _this.props.toggleSidebar();
     };
-
     _this.refWrapper = function (c) {
       _this.sidebarWrapper = c;
     };
-
     _this.handleBlur = function () {
       var isOpen = _this.props.sidebarOpen;
       setTimeout(function () {
         var focusNotInSidebar = _this.sidebarWrapper !== null && !_this.sidebarWrapper.contains(document.activeElement);
-
         if (_this.props.shouldCloseOnBlur && focusNotInSidebar && isOpen) {
           _this.toggleSidebar();
         }
       });
     };
-
     return _this;
   }
-
   _createClass(Sidebar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -125,14 +98,12 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
     } // ============
     //  RENDERING
     // ============
-
   }, {
     key: "renderTitle",
     value: function renderTitle() {
       if (this.props.grading) {
         return;
       }
-
       return jsx("div", {
         css: this.props.styles.sidebar.actionableInfo
       }, jsx(Link, {
@@ -155,7 +126,6 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
       if (this.props.grading) {
         return;
       }
-
       return jsx("div", {
         css: this.props.styles.sidebar.actionableInfo
       }, jsx(Link, {
@@ -178,7 +148,6 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
       if (!this.props.grading) {
         return;
       }
-
       return jsx("div", {
         css: this.props.styles.sidebar.actionableInfo
       }, jsx(Link, {
@@ -199,8 +168,8 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
     key: "renderSidebarHeader",
     value: function renderSidebarHeader() {
       var _this$props = this.props,
-          sidebarOpen = _this$props.sidebarOpen,
-          styles = _this$props.styles;
+        sidebarOpen = _this$props.sidebarOpen,
+        styles = _this$props.styles;
       var SidebarIcon = sidebarOpen ? IconMoveStartLine : IconMoveEndLine;
       return jsx("div", {
         css: _objectSpread(_objectSpread({}, styles.headerSpacing), styles.headerBottomBorder)
@@ -226,13 +195,11 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
     key: "renderTotalPointsPossible",
     value: function renderTotalPointsPossible() {
       var _this$props2 = this.props,
-          sidebarOpen = _this$props2.sidebarOpen,
-          totalPointsPossible = _this$props2.totalPointsPossible;
-
+        sidebarOpen = _this$props2.sidebarOpen,
+        totalPointsPossible = _this$props2.totalPointsPossible;
       if (typeof totalPointsPossible !== 'number') {
         return null;
       }
-
       var pointsText = jsx(Text, {
         key: "pointsText",
         size: "small",
@@ -241,7 +208,6 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
         totalPointsPossible: totalPointsPossible
       }));
       var responsiveText = pointsText;
-
       if (sidebarOpen) {
         responsiveText = jsx(Text, {
           size: "small"
@@ -251,7 +217,6 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
           }
         }));
       }
-
       return jsx(View, {
         borderWidth: "0 0 small 0",
         padding: "small x-small",
@@ -266,16 +231,14 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
     key: "renderPinned",
     value: function renderPinned() {
       var _this$props3 = this.props,
-          sidebarOpen = _this$props3.sidebarOpen,
-          taking = _this$props3.taking,
-          pinnedItems = _this$props3.pinnedItems,
-          scrollToItem = _this$props3.scrollToItem,
-          styles = _this$props3.styles;
-
+        sidebarOpen = _this$props3.sidebarOpen,
+        taking = _this$props3.taking,
+        pinnedItems = _this$props3.pinnedItems,
+        scrollToItem = _this$props3.scrollToItem,
+        styles = _this$props3.styles;
       if (!taking) {
         return;
       }
-
       return jsx("div", {
         css: _objectSpread(_objectSpread({}, styles.pinnedSection), styles.headerBottomBorder)
       }, jsx("div", {
@@ -320,7 +283,8 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
         css: this.props.styles.sidebarWrapper,
         ref: this.refWrapper,
         role: this.props.role,
-        onBlur: this.handleBlur // for some reason, without a click handler here, a random item will
+        onBlur: this.handleBlur
+        // for some reason, without a click handler here, a random item will
         // take the click and scroll to itself when the nav is clicked by SR
         ,
         onClick: noop,
@@ -330,10 +294,9 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
       }, this.props.children)))));
     }
   }]);
-
   Sidebar.displayName = "Sidebar";
   return Sidebar;
-}(Component), _class2.propTypes = {
+}(Component), _Sidebar.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element), PropTypes.node]).isRequired,
   grading: PropTypes.bool,
   taking: PropTypes.bool,
@@ -351,7 +314,7 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
   shouldCloseOnBlur: PropTypes.bool,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _Sidebar.defaultProps = {
   grading: false,
   taking: false,
   title: null,
@@ -359,5 +322,5 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
   role: 'navigation',
   totalPointsPossible: null,
   shouldCloseOnBlur: onPhone()
-}, _temp)) || _class);
+}, _Sidebar)) || _class);
 export default Sidebar;

package/es/common/components/layout/sidebar/Sidebar/styles.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var _commonContainer;
-
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   var mp = '@media print';
   return {
@@ -47,7 +45,6 @@ var generateStyle = function generateStyle(componentTheme, props) {
         textAlign: 'inherit'
       })
     }),
-
     /* Decrease z-index when RCE editor is in fullscreen mode */
     globalStyles: {
       sidebar: {
@@ -113,5 +110,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }), _commonContainer)
   };
 };
-
 export default generateStyle;

package/es/common/components/layout/sidebar/Sidebar/theme.js

@@ -1,12 +1,11 @@
 import { alpha } from '@instructure/ui-color-utils';
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      typography = _ref.typography,
-      borders = _ref.borders,
-      breakpoints = _ref.breakpoints,
-      transitions = _ref.transitions;
+    spacing = _ref.spacing,
+    typography = _ref.typography,
+    borders = _ref.borders,
+    breakpoints = _ref.breakpoints,
+    transitions = _ref.transitions;
   return {
     sidebarWidthClosed: spacing.xxLarge,
     sidebarWidthOpen: '22rem',
@@ -36,5 +35,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     focusOutlineColor: alpha(colors.brand, 50)
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/layout/sidebar/SidebarItem/presenter.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, _SidebarItem;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,39 +16,31 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   _inherits(SidebarItem, _Component);
-
   var _super = _createSuper(SidebarItem);
-
   function SidebarItem() {
     var _this;
-
     _classCallCheck(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;
   }
-
   _createClass(SidebarItem, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -60,10 +50,7 @@ export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles();
-    } // ============
-    //   ACTIONS
-    // ============
-
+    }
   }, {
     key: "getPointsText",
     // ============
@@ -76,23 +63,20 @@ export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme
     } // =============
     //   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 jsx(PositionSummary, {
           firstPosition: position,
           lastPosition: position + quizEntry.sizeOfBank - 1
         });
       }
-
       return jsx("span", {
         css: this.props.styles.displayNumber
       }, displayPosition);
@@ -101,9 +85,9 @@ export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme
     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 ? t('Navigate to question at position {displayPosition}, unanswered', {
         displayPosition: displayPosition
       }) : t('Navigate to question at position {displayPosition}', {
@@ -133,10 +117,10 @@ export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme
     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 jsx("div", {
         className: "sidebarIsOpen",
         css: styles.sidebarItem
@@ -171,10 +155,9 @@ export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme
       return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
     }
   }]);
-
   SidebarItem.displayName = "SidebarItem";
   return SidebarItem;
-}(Component), _class2.propTypes = {
+}(Component), _SidebarItem.propTypes = {
   // Passed in by Sidebar
   children: PropTypes.element,
   displayPosition: PropTypes.string.isRequired,
@@ -194,11 +177,11 @@ export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme
   scrollToItem: PropTypes.func.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _class2.defaultProps = {
+}, _SidebarItem.defaultProps = {
   children: null,
   inStimulus: false,
   itemBody: '',
   quizEntry: null,
   isAnswered: null
-}, _temp)) || _class);
+}, _SidebarItem)) || _class);
 export default SidebarItem;

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

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     sidebarItem: _objectSpread(_objectSpread(_objectSpread({
@@ -55,5 +54,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,8 +1,8 @@
 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,
@@ -24,5 +24,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarItemLogoFontSize: typography.fontSizeMedium
   };
 };
-
 export default generateComponentTheme;