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

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

@@ -1,10 +1,8 @@
 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Timer, _IconClockLine, _IconClockSolid;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,38 +14,24 @@ 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/index.js";
-import { formatTime } from "../../../../util/formatTimespan.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import FormattedDuration from '../../../shared/FormattedDuration';
+import { formatTime } from '../../../../util/formatTimespan';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
-
-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);
-
+export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = _callSuper(this, Timer, [].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}', {
@@ -56,52 +40,43 @@ 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;
   }
-
-  _createClass(Timer, [{
+  _inherits(Timer, _Component);
+  return _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);
     }
   }, {
@@ -126,13 +101,12 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           id: "TimerButton",
           onClick: partial(this.props.updateTimerMinimized, false),
           variant: "icon",
-          renderIcon: _ref,
+          renderIcon: _IconClockLine || (_IconClockLine = jsx(IconClockLine, null)),
           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, {
@@ -150,7 +124,7 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           id: "TimerButton",
           onClick: partial(this.props.updateTimerMinimized, true),
           variant: "forceIconWithLabel",
-          renderIcon: _ref2,
+          renderIcon: _IconClockSolid || (_IconClockSolid = jsx(IconClockSolid, null)),
           tooltip: t('Hide Timer'),
           "aria-expanded": "true",
           itemRef: this.hideTimerRef
@@ -158,7 +132,6 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           seconds: this.props.timeLeftInSeconds
         }));
       }
-
       return jsx("div", {
         css: this.props.styles.timer
       }, this.renderHelpScreenreaderText(), jsx(View, {
@@ -190,10 +163,7 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       }
     }
   }]);
-
-  Timer.displayName = "Timer";
-  return Timer;
-}(Component), _class2.propTypes = {
+}(Component), _Timer.propTypes = {
   screenreaderNotification: PropTypes.func.isRequired,
   showTimer: PropTypes.bool.isRequired,
   timeLeftInSeconds: PropTypes.number,
@@ -203,11 +173,11 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   iceTopNavBarEnabled: PropTypes.bool,
   setTimerEnabled: PropTypes.func,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _Timer.defaultProps = {
   timerRunning: false,
   timeLeftInSeconds: 0,
   timerMinimized: false,
   iceTopNavBarEnabled: false,
   setTimerEnabled: function setTimerEnabled() {}
-}, _temp)) || _class);
+}, _Timer)) || _class);
 export default Timer;

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

@@ -23,5 +23,4 @@ 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,5 +16,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     timeRemainingLabelFontSize: typography.fontSizeXSmall
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,30 +1,23 @@
 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _SecondaryNavBarButton;
 /** @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.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);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   function SecondaryNavBarButton() {
     _classCallCheck(this, SecondaryNavBarButton);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, SecondaryNavBarButton, arguments);
   }
-
-  _createClass(SecondaryNavBarButton, [{
+  _inherits(SecondaryNavBarButton, _Component);
+  return _createClass(SecondaryNavBarButton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -51,12 +44,9 @@ export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComp
       }, jsx(TopNavBar.Item, omitProps(this.props, this.constructor.propTypes), this.props.children));
     }
   }]);
-
-  SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
-  return SecondaryNavBarButton;
-}(Component), _class2.displayName = 'TopNavBarItem', _class2.propTypes = {
+}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.propTypes = {
   children: PropTypes.string.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _temp)) || _class);
+}, _SecondaryNavBarButton)) || _class);
 export default SecondaryNavBarButton;

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

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

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

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

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

@@ -1,11 +1,9 @@
 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";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _NavBar, _IconQuizLine;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,49 +11,35 @@ 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.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);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = _callSuper(this, NavBar, [].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: _ref
+        renderIcon: _IconQuizLine || (_IconQuizLine = jsx(IconQuizLine, {
+          color: "primary",
+          size: "small"
+        }))
       });
     };
-
     _this.renderMenuItems = function () {
       return jsx(TopNavBar.MenuItems, {
         listLabel: t('Page navigation'),
@@ -65,7 +49,6 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         return _this.renderMenuItem(menuItem);
       }));
     };
-
     _this.renderMenuItem = function (menuItem) {
       return jsx(TopNavBar.Item, {
         id: menuItem.path,
@@ -73,25 +56,21 @@ 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;
   }
-
-  _createClass(NavBar, [{
+  _inherits(NavBar, _Component);
+  return _createClass(NavBar, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return jsx(TopNavBar, {
         breakpoint: this.props.styles.phoneBreakPoint,
         mediaQueryMatch: "element",
@@ -117,10 +96,7 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
       });
     }
   }]);
-
-  NavBar.displayName = "NavBar";
-  return NavBar;
-}(Component), _class2.propTypes = {
+}(Component), _NavBar.propTypes = {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     path: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired
@@ -128,9 +104,9 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   handleMenuItemChange: PropTypes.func,
   actionItems: PropTypes.arrayOf(PropTypes.node),
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _NavBar.defaultProps = {
   menuItems: [],
   handleMenuItemChange: function handleMenuItemChange() {},
   actionItems: []
-}, _temp)) || _class);
+}, _NavBar)) || _class);
 export default NavBar;

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

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

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

@@ -1,10 +1,9 @@
 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,30 +1,23 @@
 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";
-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';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(PositionSummary, _Component);
-
-  var _super = _createSuper(PositionSummary);
-
+export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   function PositionSummary() {
     _classCallCheck(this, PositionSummary);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, PositionSummary, arguments);
   }
-
-  _createClass(PositionSummary, [{
+  _inherits(PositionSummary, _Component);
+  return _createClass(PositionSummary, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -42,12 +35,9 @@ 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

@@ -1,37 +1,29 @@
 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,
-// 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 = _callSuper(this, Pin, [].concat(args));
     _this.scroll = function () {
       _this.props.scrollToItem(_this.props.position)(_this.props.sessionItemId);
     };
-
     return _this;
   }
-
-  _createClass(Pin, [{
+  _inherits(Pin, _Component);
+  return _createClass(Pin, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Link, {
@@ -43,9 +35,6 @@ 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,14 +1,6 @@
+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],
@@ -17,7 +9,11 @@ export default {
   },
   getComponentProps: function getComponentProps(props) {
     return {
-      children: [_ref, _ref2],
+      children: [_div || (_div = /*#__PURE__*/React.createElement("div", {
+        key: "1"
+      }, "child1")), _div2 || (_div2 = /*#__PURE__*/React.createElement("div", {
+        key: "2"
+      }, "child2"))],
       scrollToItem: function scrollToItem() {
         return Function.prototype;
       },