@instructure/quiz-core 21.1.1 → 21.2.1

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

@@ -1,10 +1,15 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _NavBar;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,43 +17,40 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { IconQuizLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx(IconQuizLine, {
-  color: "primary",
-  size: "small"
-});
 export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__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 = _super.call.apply(_super, [this].concat(args));
-    _this.hiddenActionItemsMenuTriggerLabel = function (hiddenChildrenCount) {
+    _this = _callSuper(this, NavBar, [].concat(args));
+    _defineProperty(_this, "hiddenActionItemsMenuTriggerLabel", function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} more actions', {
         hiddenChildrenCount: hiddenChildrenCount
       });
-    };
-    _this.hiddenMenuItemsMenuTriggerLabel = function (hiddenChildrenCount) {
+    });
+    _defineProperty(_this, "hiddenMenuItemsMenuTriggerLabel", function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} More', {
         hiddenChildrenCount: hiddenChildrenCount
       });
-    };
-    _this.renderBrand = function () {
+    });
+    _defineProperty(_this, "renderBrand", function () {
       if (!_this.props.styles.showBrandIcon) {
         return null;
       }
       return jsx(TopNavBar.Brand, {
         screenReaderLabel: t('Quizzes'),
-        renderIcon: _ref
+        renderIcon: jsx(IconQuizLine, {
+          color: "primary",
+          size: "small"
+        })
       });
-    };
-    _this.renderMenuItems = function () {
+    });
+    _defineProperty(_this, "renderMenuItems", function () {
       return jsx(TopNavBar.MenuItems, {
         listLabel: t('Page navigation'),
         currentPageId: window.location.pathname,
@@ -56,8 +58,8 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
       }, _this.props.menuItems.map(function (menuItem) {
         return _this.renderMenuItem(menuItem);
       }));
-    };
-    _this.renderMenuItem = function (menuItem) {
+    });
+    _defineProperty(_this, "renderMenuItem", function (menuItem) {
       return jsx(TopNavBar.Item, {
         id: menuItem.path,
         key: menuItem.path,
@@ -65,16 +67,17 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
           return _this.props.handleMenuItemChange(menuItem.path);
         }
       }, menuItem.text);
-    };
-    _this.renderActionItems = function () {
+    });
+    _defineProperty(_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;
@@ -104,9 +107,7 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
       });
     }
   }]);
-  NavBar.displayName = "NavBar";
-  return NavBar;
-}(Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
+}(Component), _defineProperty(_NavBar, "displayName", 'NavBar'), _defineProperty(_NavBar, "componentId", "Quizzes".concat(_NavBar.displayName)), _defineProperty(_NavBar, "propTypes", {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     path: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired
@@ -114,9 +115,9 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
   handleMenuItemChange: PropTypes.func,
   actionItems: PropTypes.arrayOf(PropTypes.node),
   styles: PropTypes.object
-}, _NavBar.defaultProps = {
+}), _defineProperty(_NavBar, "defaultProps", {
   menuItems: [],
   handleMenuItemChange: function handleMenuItemChange() {},
   actionItems: []
-}, _NavBar)) || _class);
+}), _NavBar)) || _class);
 export default NavBar;

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

@@ -1,5 +1,7 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { generateExternalStyle } from "./externalStyles.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { generateExternalStyle } from './externalStyles';
 var generateStyle = function generateStyle(componentTheme) {
   return _objectSpread({
     backgroundColor: componentTheme.backgroundColor,

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

@@ -1,25 +1,29 @@
-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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _PositionSummary;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { 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';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var PositionSummary = (_dec = withStyleOverrides(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);
+    return _callSuper(this, PositionSummary, arguments);
   }
-  _createClass(PositionSummary, [{
+  _inherits(PositionSummary, _Component);
+  return _createClass(PositionSummary, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -37,11 +41,9 @@ export var PositionSummary = (_dec = withStyleOverrides(generateStyle, generateC
       })));
     }
   }]);
-  PositionSummary.displayName = "PositionSummary";
-  return PositionSummary;
-}(Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
+}(Component), _defineProperty(_PositionSummary, "displayName", 'PositionSummary'), _defineProperty(_PositionSummary, "componentId", "Quizzes".concat(_PositionSummary.displayName)), _defineProperty(_PositionSummary, "propTypes", {
   firstPosition: PropTypes.number.isRequired,
   lastPosition: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _PositionSummary)) || _class);
+}), _PositionSummary)) || _class);
 export default PositionSummary;

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

@@ -1,7 +1,11 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -10,21 +14,20 @@ 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 = _callSuper(this, Pin, [].concat(args));
+    _defineProperty(_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, {
@@ -36,12 +39,10 @@ export var Pin = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  Pin.displayName = "Pin";
-  return Pin;
 }(Component);
-Pin.propTypes = {
+_defineProperty(Pin, "propTypes", {
   scrollToItem: PropTypes.func.isRequired,
   sessionItemId: PropTypes.string.isRequired,
   position: PropTypes.number.isRequired
-};
+});
 export default Pin;

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

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

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

@@ -1,9 +1,14 @@
-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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Sidebar;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
@@ -21,53 +26,41 @@ import { Heading } from '@instructure/ui-heading';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { INSTRUCTIONS_SCROLL_KEY, RESULTS_SCROLL_KEY, SIDEBAR_NAV_ID, TITLE_SCROLL_KEY, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
-import { onPhone } from "../../../../util/windowChecks.js";
-import CustomPropTypes from "../../../../util/CustomPropTypes.js";
-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);
+import { onPhone } from '../../../../util/windowChecks';
+import CustomPropTypes from '../../../../util/CustomPropTypes';
+import noop from '../../../../util/noop';
+import Pin from './Pin';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var Sidebar = (_dec = withStyleOverrides(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) {
+    _this = _callSuper(this, Sidebar, [].concat(args));
+    _defineProperty(_this, "scrollToTitle", function (e) {
       e.preventDefault(); // prevent default link navigation
       _this.props.scrollToItem(null)(TITLE_SCROLL_KEY);
-    };
-    _this.scrollToInfo = function (e) {
+    });
+    _defineProperty(_this, "scrollToInfo", function (e) {
       e.preventDefault(); // prevent default link navigation
       _this.props.scrollToItem(null)(INSTRUCTIONS_SCROLL_KEY);
-    };
-    _this.scrollToResults = function (e) {
+    });
+    _defineProperty(_this, "scrollToResults", function (e) {
       e.preventDefault(); // prevent default link navigation
       _this.props.scrollToItem(null)(RESULTS_SCROLL_KEY);
-    };
-    _this.toggleSidebar = function () {
+    });
+    _defineProperty(_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) {
+    });
+    _defineProperty(_this, "refWrapper", function (c) {
       _this.sidebarWrapper = c;
-    };
-    _this.handleBlur = function () {
+    });
+    _defineProperty(_this, "handleBlur", function () {
       var isOpen = _this.props.sidebarOpen;
       setTimeout(function () {
         var focusNotInSidebar = _this.sidebarWrapper !== null && !_this.sidebarWrapper.contains(document.activeElement);
@@ -75,10 +68,11 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
           _this.toggleSidebar();
         }
       });
-    };
+    });
     return _this;
   }
-  _createClass(Sidebar, [{
+  _inherits(Sidebar, _Component);
+  return _createClass(Sidebar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -96,7 +90,9 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
       var resizeEvent = window.document.createEvent('UIEvents');
       resizeEvent.initUIEvent('resize', true, false, window, 0);
       window.dispatchEvent(resizeEvent);
-    } // ============
+    }
+
+    // ============
     //  RENDERING
     // ============
   }, {
@@ -120,7 +116,9 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToTitle,
-        renderIcon: _ref,
+        renderIcon: jsx(IconQuizTitleLine, {
+          color: "primary"
+        }),
         "data-automation": "sidebar-title-button"
       }, jsx(ScreenReaderContent, null, navigationText))), jsx(PresentationContent, null, jsx("span", {
         css: this.props.styles.sidebar.description,
@@ -150,7 +148,9 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToInfo,
-        renderIcon: _ref2,
+        renderIcon: jsx(IconQuizInstructionsLine, {
+          color: "primary"
+        }),
         "data-automation": "sidebar-instructions-button"
       }, jsx(ScreenReaderContent, null, navigationText))), jsx(PresentationContent, null, jsx("span", {
         css: this.props.styles.sidebar.description,
@@ -179,7 +179,9 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToResults,
-        renderIcon: _ref3,
+        renderIcon: jsx(IconQuizInstructionsLine, {
+          color: "primary"
+        }),
         "data-automation": "sidebar-results-button"
       }, jsx(ScreenReaderContent, null, navigationText))), jsx(PresentationContent, null, jsx("span", {
         css: this.props.styles.sidebar.description,
@@ -279,7 +281,7 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
         size: "x-small",
         "aria-label": t('Pinned Questions'),
         role: "img"
-      }, _ref4))), jsx("div", {
+      }, jsx(IconPinSolid, null)))), jsx("div", {
         css: styles.buttonWrapper
       }, pinnedItems.map(function (pin) {
         return jsx(Pin, {
@@ -319,9 +321,7 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
       }, this.props.children)))));
     }
   }]);
-  Sidebar.displayName = "Sidebar";
-  return Sidebar;
-}(Component), _Sidebar.displayName = 'Sidebar', _Sidebar.componentId = "Quizzes".concat(_Sidebar.displayName), _Sidebar.propTypes = {
+}(Component), _defineProperty(_Sidebar, "displayName", 'Sidebar'), _defineProperty(_Sidebar, "componentId", "Quizzes".concat(_Sidebar.displayName)), _defineProperty(_Sidebar, "propTypes", {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element), PropTypes.node]).isRequired,
   grading: PropTypes.bool,
   taking: PropTypes.bool,
@@ -339,7 +339,7 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
   shouldCloseOnBlur: PropTypes.bool,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _Sidebar.defaultProps = {
+}), _defineProperty(_Sidebar, "defaultProps", {
   grading: false,
   taking: false,
   title: null,
@@ -347,5 +347,5 @@ export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponent
   role: 'navigation',
   totalPointsPossible: null,
   shouldCloseOnBlur: onPhone()
-}, _Sidebar)) || _class);
+}), _Sidebar)) || _class);
 export default Sidebar;

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

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import merge from 'lodash/merge';
-import { generateExternalStyle } from "./externalStyles.js";
+import { generateExternalStyle } from './externalStyles';
 var generateStyle = function generateStyle(componentTheme, props) {
-  var _commonContainer;
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   var mp = '@media print';
   return merge({
@@ -102,13 +102,13 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }, !props.sidebarOpen && {
       display: 'none'
     }),
-    commonContainer: (_commonContainer = {
+    commonContainer: _defineProperty(_defineProperty({
       height: '100%'
-    }, _defineProperty(_commonContainer, mq, {
+    }, mq, {
       position: 'relative'
-    }), _defineProperty(_commonContainer, mp, {
+    }), mp, {
       display: 'none'
-    }), _commonContainer)
+    })
   }, generateExternalStyle(componentTheme));
 };
 export default generateStyle;

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

@@ -1,9 +1,9 @@
 import { bindActionCreators } from 'redux';
-import { isOneQuestionAtATime } from "../../../../selectors/quizSessions.js";
-import { fileUploading } from "../../../../selectors/calls.js";
-import { connect } from "../../../../react-redux.js";
-import { SidebarItem as SidebarItemPresenter } from "./presenter.js";
-import { scrollToItem as scrollToItemAction } from "../../../../actions/scrolling.js";
+import { isOneQuestionAtATime } from '../../../../selectors/quizSessions';
+import { fileUploading } from '../../../../selectors/calls';
+import { connect } from '../../../../react-redux';
+import { SidebarItem as SidebarItemPresenter } from './presenter';
+import { scrollToItem as scrollToItemAction } from '../../../../actions/scrolling';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var mapStateToProps = function mapStateToProps(state, props) {
   var displayPosition = props.quizEntry ? props.quizEntry.positionToDisplay(props.position) : t('{position, number}', {

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

@@ -1,36 +1,38 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _SidebarItem;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Link } from '@instructure/ui-link';
 import { jsx } from '@instructure/emotion';
-import PositionSummary from "../PositionSummary/index.js";
+import PositionSummary from '../PositionSummary';
 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";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { Flex, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 export var SidebarItem = (_dec = withStyleOverrides(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));
+    _this = _callSuper(this, SidebarItem, [].concat(args));
     // ============
     //   ACTIONS
     // ============
-    _this.scrollToItem = function (e) {
+    _defineProperty(_this, "scrollToItem", function (e) {
       e.preventDefault(); // prevent default link navigation
       if (_this.props.preventScrollToItem) {
         return;
@@ -39,10 +41,11 @@ export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateCompo
       // depending on whether is is oqaat or not
       _this.props.scrollToItem(_this.props.itemId);
       e.stopPropagation();
-    };
+    });
     return _this;
   }
-  _createClass(SidebarItem, [{
+  _inherits(SidebarItem, _Component);
+  return _createClass(SidebarItem, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -54,14 +57,18 @@ export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateCompo
     }
   }, {
     key: "getPointsText",
+    value:
     // ============
     //   HELPERS
     // ============
-    value: function getPointsText(points) {
+
+    function getPointsText(points) {
       return t("{\n      points, plural,\n        one {# point}\n      other {# points}\n    }", {
         points: points
       });
-    } // =============
+    }
+
+    // =============
     //   RENDERING
     // =============
   }, {
@@ -164,9 +171,7 @@ export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateCompo
       return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
     }
   }]);
-  SidebarItem.displayName = "SidebarItem";
-  return SidebarItem;
-}(Component), _SidebarItem.displayName = 'SidebarItem', _SidebarItem.componentId = "Quizzes".concat(_SidebarItem.displayName), _SidebarItem.propTypes = {
+}(Component), _defineProperty(_SidebarItem, "displayName", 'SidebarItem'), _defineProperty(_SidebarItem, "componentId", "Quizzes".concat(_SidebarItem.displayName)), _defineProperty(_SidebarItem, "propTypes", {
   // Passed in by Sidebar
   children: PropTypes.element,
   displayPosition: PropTypes.string.isRequired,
@@ -185,11 +190,11 @@ export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateCompo
   scrollToItem: PropTypes.func.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _SidebarItem.defaultProps = {
+}), _defineProperty(_SidebarItem, "defaultProps", {
   children: null,
   inStimulus: false,
   itemBody: '',
   quizEntry: null,
   isAnswered: null
-}, _SidebarItem)) || _class);
+}), _SidebarItem)) || _class);
 export default SidebarItem;

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

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     sidebarItem: _objectSpread(_objectSpread(_objectSpread({

package/es/common/components/layout/sidebar/Stimulus/Collection/index.js

@@ -1,6 +1,6 @@
-import { connect } from "../../../../../react-redux.js";
-import { setSidebarStimulusIsShowing } from "../../../../../actions/sidebar.js";
-import Collection from "./presenter.js";
+import { connect } from '../../../../../react-redux';
+import { setSidebarStimulusIsShowing } from '../../../../../actions/sidebar';
+import Collection from './presenter';
 export default connect(null, {
   setSidebarStimulusIsShowing: setSidebarStimulusIsShowing
 })(Collection);