@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

package/es/common/components/layout/header/Timer/presenter.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _Timer, _IconClockLine, _IconClockSolid;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,24 +16,38 @@ import { Button } from '@instructure/ui-buttons';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { View } from '@instructure/ui-view';
 import { withStyle, jsx } from '@instructure/emotion';
-import FormattedDuration from '../../../shared/FormattedDuration';
-import { formatTime } from '../../../../util/formatTimespan';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import FormattedDuration from "../../../shared/FormattedDuration/index.js";
+import { formatTime } from "../../../../util/formatTimespan.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
+
+var _ref = jsx(IconClockLine, null);
+
+var _ref2 = jsx(IconClockSolid, null);
+
+export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Timer, _Component);
+
+  var _super = _createSuper(Timer);
+
   function Timer() {
     var _this;
+
     _classCallCheck(this, Timer);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Timer, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.handleKeyDown = function (event) {
       // Check for Alt+Shift+T and nothing else
       if (event.keyCode === 84 && event.altKey && event.shiftKey && !event.ctrlKey) {
         var message;
         event.preventDefault();
+
         if (_this.props.timeLeftInSeconds >= 1) {
           var timeString = formatTime(_this.props.timeLeftInSeconds);
           message = t('The remaining time is: {timeleft}', {
@@ -40,43 +56,52 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         } else {
           message = t('There is no remaining time left');
         }
+
         _this.props.screenreaderNotification(message);
       }
     };
+
     _this.showTimerRef = function (node) {
       _this.showTimerBtn = node;
     };
+
     _this.hideTimerRef = function (node) {
       _this.hideTimerBtn = node;
     };
+
     _this.focusOnShow = function () {
       _this.showTimerBtn && _this.showTimerBtn.focus();
     };
+
     _this.focusOnHide = function () {
       _this.hideTimerBtn && _this.hideTimerBtn.focus();
     };
+
     return _this;
   }
-  _inherits(Timer, _Component);
-  return _createClass(Timer, [{
+
+  _createClass(Timer, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var _this$props = this.props,
-        timerMinimized = _this$props.timerMinimized,
-        screenreaderNotification = _this$props.screenreaderNotification,
-        timerRunning = _this$props.timerRunning,
-        showTimer = _this$props.showTimer;
+          timerMinimized = _this$props.timerMinimized,
+          screenreaderNotification = _this$props.screenreaderNotification,
+          timerRunning = _this$props.timerRunning,
+          showTimer = _this$props.showTimer;
+
       if (timerMinimized !== prevProps.timerMinimized) {
         var message = timerMinimized ? t('timer minimized') : t('timer showing');
         screenreaderNotification(message);
         var focusFn = timerMinimized ? this.focusOnShow : this.focusOnHide;
         focusFn();
       }
+
       if (timerRunning && !prevProps.timerRunning) {
         document.body.addEventListener('keydown', this.handleKeyDown);
       } else if (!timerRunning && prevProps.timerRunning) {
         document.body.removeEventListener('keydown', this.handleKeyDown);
       }
+
       this.props.setTimerEnabled(showTimer && timerRunning);
     }
   }, {
@@ -101,12 +126,13 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           id: "TimerButton",
           onClick: partial(this.props.updateTimerMinimized, false),
           variant: "icon",
-          renderIcon: _IconClockLine || (_IconClockLine = jsx(IconClockLine, null)),
+          renderIcon: _ref,
           tooltip: t('Show Timer'),
           "aria-expanded": "false",
           itemRef: this.showTimerRef
         }, t('Show Timer'));
       }
+
       return jsx("div", {
         css: this.props.styles.timer
       }, this.renderHelpScreenreaderText(), jsx(Button, {
@@ -124,7 +150,7 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           id: "TimerButton",
           onClick: partial(this.props.updateTimerMinimized, true),
           variant: "forceIconWithLabel",
-          renderIcon: _IconClockSolid || (_IconClockSolid = jsx(IconClockSolid, null)),
+          renderIcon: _ref2,
           tooltip: t('Hide Timer'),
           "aria-expanded": "true",
           itemRef: this.hideTimerRef
@@ -132,6 +158,7 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           seconds: this.props.timeLeftInSeconds
         }));
       }
+
       return jsx("div", {
         css: this.props.styles.timer
       }, this.renderHelpScreenreaderText(), jsx(View, {
@@ -163,7 +190,10 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       }
     }
   }]);
-}(Component), _Timer.propTypes = {
+
+  Timer.displayName = "Timer";
+  return Timer;
+}(Component), _class2.propTypes = {
   screenreaderNotification: PropTypes.func.isRequired,
   showTimer: PropTypes.bool.isRequired,
   timeLeftInSeconds: PropTypes.number,
@@ -173,11 +203,11 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   iceTopNavBarEnabled: PropTypes.bool,
   setTimerEnabled: PropTypes.func,
   styles: PropTypes.object
-}, _Timer.defaultProps = {
+}, _class2.defaultProps = {
   timerRunning: false,
   timeLeftInSeconds: 0,
   timerMinimized: false,
   iceTopNavBarEnabled: false,
   setTimerEnabled: function setTimerEnabled() {}
-}, _Timer)) || _class);
+}, _temp)) || _class);
 export default Timer;

package/es/common/components/layout/header/Timer/styles.js

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

package/es/common/components/layout/header/Timer/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    borders = _ref.borders,
-    colors = _ref.colors,
-    typography = _ref.typography;
+      borders = _ref.borders,
+      colors = _ref.colors,
+      typography = _ref.typography;
   return {
     timerBackgroundColor: colors.porcelain,
     timerColor: colors.ash,
@@ -16,4 +16,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     timeRemainingLabelFontSize: typography.fontSizeXSmall
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -1,23 +1,30 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _SecondaryNavBarButton;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { InstUISettingsProvider, withStyle, jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(SecondaryNavBarButton, _Component);
+
+  var _super = _createSuper(SecondaryNavBarButton);
+
   function SecondaryNavBarButton() {
     _classCallCheck(this, SecondaryNavBarButton);
-    return _callSuper(this, SecondaryNavBarButton, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(SecondaryNavBarButton, _Component);
-  return _createClass(SecondaryNavBarButton, [{
+
+  _createClass(SecondaryNavBarButton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -44,9 +51,12 @@ export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComp
       }, jsx(TopNavBar.Item, omitProps(this.props, this.constructor.propTypes), this.props.children));
     }
   }]);
-}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.propTypes = {
+
+  SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
+  return SecondaryNavBarButton;
+}(Component), _class2.displayName = 'TopNavBarItem', _class2.propTypes = {
   children: PropTypes.string.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _SecondaryNavBarButton)) || _class);
+}, _temp)) || _class);
 export default SecondaryNavBarButton;

package/es/common/components/layout/navbar/SecondaryNavBarButton/styles.js

@@ -6,4 +6,5 @@ var generateStyle = function generateStyle(componentTheme) {
     borderColor: componentTheme.borderColor
   };
 };
+
 export default generateStyle;

package/es/common/components/layout/navbar/SecondaryNavBarButton/theme.js

@@ -7,4 +7,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderColor: '#d8d8d8'
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/layout/navbar/index.js

@@ -1,9 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _NavBar, _IconQuizLine;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -11,35 +13,49 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { IconQuizLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+
+var _ref = jsx(IconQuizLine, {
+  color: "primary",
+  size: "small"
+});
+
+export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(NavBar, _Component);
+
+  var _super = _createSuper(NavBar);
+
   function NavBar() {
     var _this;
+
     _classCallCheck(this, NavBar);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NavBar, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.hiddenActionItemsMenuTriggerLabel = function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} more actions', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     };
+
     _this.hiddenMenuItemsMenuTriggerLabel = function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} More', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     };
+
     _this.renderBrand = function () {
       return jsx(TopNavBar.Brand, {
         screenReaderLabel: t('Quizzes'),
-        renderIcon: _IconQuizLine || (_IconQuizLine = jsx(IconQuizLine, {
-          color: "primary",
-          size: "small"
-        }))
+        renderIcon: _ref
       });
     };
+
     _this.renderMenuItems = function () {
       return jsx(TopNavBar.MenuItems, {
         listLabel: t('Page navigation'),
@@ -49,6 +65,7 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         return _this.renderMenuItem(menuItem);
       }));
     };
+
     _this.renderMenuItem = function (menuItem) {
       return jsx(TopNavBar.Item, {
         id: menuItem.path,
@@ -56,21 +73,25 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         onClick: function onClick() {
           return _this.props.handleMenuItemChange(menuItem.path);
         } // eslint-disable-line react/jsx-no-bind
+
       }, menuItem.text);
     };
+
     _this.renderActionItems = function () {
       return jsx(TopNavBar.ActionItems, {
         listLabel: t('Actions'),
         renderHiddenItemsMenuTriggerLabel: _this.hiddenActionItemsMenuTriggerLabel
       }, _toConsumableArray(_this.props.actionItems));
     };
+
     return _this;
   }
-  _inherits(NavBar, _Component);
-  return _createClass(NavBar, [{
+
+  _createClass(NavBar, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       return jsx(TopNavBar, {
         breakpoint: this.props.styles.phoneBreakPoint,
         mediaQueryMatch: "element",
@@ -96,7 +117,10 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
       });
     }
   }]);
-}(Component), _NavBar.propTypes = {
+
+  NavBar.displayName = "NavBar";
+  return NavBar;
+}(Component), _class2.propTypes = {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     path: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired
@@ -104,9 +128,9 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   handleMenuItemChange: PropTypes.func,
   actionItems: PropTypes.arrayOf(PropTypes.node),
   styles: PropTypes.object
-}, _NavBar.defaultProps = {
+}, _class2.defaultProps = {
   menuItems: [],
   handleMenuItemChange: function handleMenuItemChange() {},
   actionItems: []
-}, _NavBar)) || _class);
+}, _temp)) || _class);
 export default NavBar;

package/es/common/components/layout/navbar/styles.js

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

package/es/common/components/layout/navbar/theme.js

@@ -1,9 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
-    colors = _ref.colors;
+      colors = _ref.colors;
   return {
     backgroundColor: colors.porcelain,
     phoneBreakPoint: breakpoints.medium
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,23 +1,30 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _PositionSummary;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+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 = (_PositionSummary = /*#__PURE__*/function (_Component) {
+export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(PositionSummary, _Component);
+
+  var _super = _createSuper(PositionSummary);
+
   function PositionSummary() {
     _classCallCheck(this, PositionSummary);
-    return _callSuper(this, PositionSummary, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(PositionSummary, _Component);
-  return _createClass(PositionSummary, [{
+
+  _createClass(PositionSummary, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -35,9 +42,12 @@ export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentT
       })));
     }
   }]);
-}(Component), _PositionSummary.propTypes = {
+
+  PositionSummary.displayName = "PositionSummary";
+  return PositionSummary;
+}(Component), _class2.propTypes = {
   firstPosition: PropTypes.number.isRequired,
   lastPosition: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _PositionSummary)) || _class);
+}, _temp)) || _class);
 export default PositionSummary;

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

@@ -24,4 +24,5 @@ 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,4 +13,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     verticalDotsBorderColor: colors.licorice
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,29 +1,37 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+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,
+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 = _callSuper(this, Pin, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.scroll = function () {
       _this.props.scrollToItem(_this.props.position)(_this.props.sessionItemId);
     };
+
     return _this;
   }
-  _inherits(Pin, _Component);
-  return _createClass(Pin, [{
+
+  _createClass(Pin, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Link, {
@@ -35,6 +43,9 @@ export var Pin = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
+
+  Pin.displayName = "Pin";
+  return Pin;
 }(Component);
 Pin.propTypes = {
   scrollToItem: PropTypes.func.isRequired,

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

@@ -1,6 +1,14 @@
-var _div, _div2;
 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],
@@ -9,11 +17,7 @@ export default {
   },
   getComponentProps: function getComponentProps(props) {
     return {
-      children: [_div || (_div = /*#__PURE__*/React.createElement("div", {
-        key: "1"
-      }, "child1")), _div2 || (_div2 = /*#__PURE__*/React.createElement("div", {
-        key: "2"
-      }, "child2"))],
+      children: [_ref, _ref2],
       scrollToItem: function scrollToItem() {
         return Function.prototype;
       },