@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -4,128 +4,139 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.NavBar = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = exports.NavBar = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
 var _uiIcons = require("@instructure/ui-icons");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NavBar;
 /** @jsx jsx */
-var _ref = (0, _emotion.jsx)(_uiIcons.IconQuizLine, {
-  color: "primary",
-  size: "small"
-});
-var NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(NavBar, _Component);
-  var _super = (0, _createSuper2.default)(NavBar);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var NavBar = exports.NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   function NavBar() {
-    var _this;
-    (0, _classCallCheck2.default)(this, NavBar);
+    var _this2;
+    (0, _classCallCheck2["default"])(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) {
-      return (0, _formatMessage.default)('{hiddenChildrenCount} more actions', {
+    _this2 = _callSuper(this, NavBar, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "hiddenActionItemsMenuTriggerLabel", function (hiddenChildrenCount) {
+      return (0, _formatMessage["default"])('{hiddenChildrenCount} more actions', {
         hiddenChildrenCount: hiddenChildrenCount
       });
-    };
-    _this.hiddenMenuItemsMenuTriggerLabel = function (hiddenChildrenCount) {
-      return (0, _formatMessage.default)('{hiddenChildrenCount} More', {
+    });
+    (0, _defineProperty2["default"])(_this2, "hiddenMenuItemsMenuTriggerLabel", function (hiddenChildrenCount) {
+      return (0, _formatMessage["default"])('{hiddenChildrenCount} More', {
         hiddenChildrenCount: hiddenChildrenCount
       });
-    };
-    _this.renderBrand = function () {
-      if (!_this.props.styles.showBrandIcon) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderBrand", function () {
+      if (!_this2.props.styles.showBrandIcon) {
         return null;
       }
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Brand, {
-        screenReaderLabel: (0, _formatMessage.default)('Quizzes'),
-        renderIcon: _ref
+        screenReaderLabel: (0, _formatMessage["default"])('Quizzes'),
+        renderIcon: (0, _emotion.jsx)(_uiIcons.IconQuizLine, {
+          color: "primary",
+          size: "small"
+        })
       });
-    };
-    _this.renderMenuItems = function () {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderMenuItems", function () {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.MenuItems, {
-        listLabel: (0, _formatMessage.default)('Page navigation'),
+        listLabel: (0, _formatMessage["default"])('Page navigation'),
         currentPageId: window.location.pathname,
-        renderHiddenItemsMenuTriggerLabel: _this.hiddenMenuItemsMenuTriggerLabel
-      }, _this.props.menuItems.map(function (menuItem) {
-        return _this.renderMenuItem(menuItem);
+        renderHiddenItemsMenuTriggerLabel: _this2.hiddenMenuItemsMenuTriggerLabel
+      }, _this2.props.menuItems.map(function (menuItem) {
+        return _this2.renderMenuItem(menuItem);
       }));
-    };
-    _this.renderMenuItem = function (menuItem) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderMenuItem", function (menuItem) {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, {
         id: menuItem.path,
         key: menuItem.path,
         onClick: function onClick() {
-          return _this.props.handleMenuItemChange(menuItem.path);
+          return _this2.props.handleMenuItemChange(menuItem.path);
         }
       }, menuItem.text);
-    };
-    _this.renderActionItems = function () {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderActionItems", function () {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.ActionItems, {
-        listLabel: (0, _formatMessage.default)('Actions'),
-        renderHiddenItemsMenuTriggerLabel: _this.hiddenActionItemsMenuTriggerLabel
-      }, (0, _toConsumableArray2.default)(_this.props.actionItems));
-    };
-    return _this;
+        listLabel: (0, _formatMessage["default"])('Actions'),
+        renderHiddenItemsMenuTriggerLabel: _this2.hiddenActionItemsMenuTriggerLabel
+      }, (0, _toConsumableArray2["default"])(_this2.props.actionItems));
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(NavBar, [{
+  (0, _inherits2["default"])(NavBar, _Component);
+  return (0, _createClass2["default"])(NavBar, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar, {
         breakpoint: this.props.styles.phoneBreakPoint,
         mediaQueryMatch: "element",
         inverseColor: true
       }, function () {
         return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Layout, {
-          themeOverride: (0, _objectSpread2.default)((0, _objectSpread2.default)({
-            desktopBackgroundInverse: _this2.props.styles.backgroundColor,
-            smallViewportBackgroundInverse: _this2.props.styles.backgroundColor
-          }, !_this2.props.styles.desktopBottomBorder ? {
+          themeOverride: _objectSpread(_objectSpread({
+            desktopBackgroundInverse: _this3.props.styles.backgroundColor,
+            smallViewportBackgroundInverse: _this3.props.styles.backgroundColor
+          }, !_this3.props.styles.desktopBottomBorder ? {
             desktopBottomBorder: false
-          } : {}), !_this2.props.styles.desktopBottomBorderInverse ? {
+          } : {}), !_this3.props.styles.desktopBottomBorderInverse ? {
             desktopBottomBorderInverse: false
           } : {}),
-          navLabel: (0, _formatMessage.default)('Quizzes navigation bar'),
+          navLabel: (0, _formatMessage["default"])('Quizzes navigation bar'),
           smallViewportConfig: {
-            dropdownMenuToggleButtonLabel: (0, _formatMessage.default)('Toggle Menu'),
-            dropdownMenuLabel: (0, _formatMessage.default)('Main Menu')
+            dropdownMenuToggleButtonLabel: (0, _formatMessage["default"])('Toggle Menu'),
+            dropdownMenuLabel: (0, _formatMessage["default"])('Main Menu')
           },
-          renderBrand: _this2.renderBrand(),
-          renderMenuItems: _this2.renderMenuItems(),
-          renderActionItems: _this2.renderActionItems()
+          renderBrand: _this3.renderBrand(),
+          renderMenuItems: _this3.renderMenuItems(),
+          renderActionItems: _this3.renderActionItems()
         });
       });
     }
   }]);
-  NavBar.displayName = "NavBar";
-  return NavBar;
-}(_react.Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
-  menuItems: _propTypes.default.arrayOf(_propTypes.default.shape({
-    path: _propTypes.default.string.isRequired,
-    text: _propTypes.default.string.isRequired
+}(_react.Component), (0, _defineProperty2["default"])(_NavBar, "displayName", 'NavBar'), (0, _defineProperty2["default"])(_NavBar, "componentId", "Quizzes".concat(_NavBar.displayName)), (0, _defineProperty2["default"])(_NavBar, "propTypes", {
+  menuItems: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    path: _propTypes["default"].string.isRequired,
+    text: _propTypes["default"].string.isRequired
   })),
-  handleMenuItemChange: _propTypes.default.func,
-  actionItems: _propTypes.default.arrayOf(_propTypes.default.node),
-  styles: _propTypes.default.object
-}, _NavBar.defaultProps = {
+  handleMenuItemChange: _propTypes["default"].func,
+  actionItems: _propTypes["default"].arrayOf(_propTypes["default"].node),
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_NavBar, "defaultProps", {
   menuItems: [],
   handleMenuItemChange: function handleMenuItemChange() {},
   actionItems: []
-}, _NavBar)) || _class);
-exports.NavBar = NavBar;
-var _default = NavBar;
-exports.default = _default;
+}), _NavBar)) || _class);
+var _default = exports["default"] = NavBar;

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

@@ -4,14 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _externalStyles = require("./externalStyles.js");
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _externalStyles = require("./externalStyles");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme) {
-  return (0, _objectSpread2.default)({
+  return _objectSpread({
     backgroundColor: componentTheme.backgroundColor,
     phoneBreakPoint: componentTheme.phoneBreakPoint
   }, (0, _externalStyles.generateExternalStyle)());
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
     colors = _ref.colors;
   return {
-    backgroundColor: colors.white,
+    backgroundColor: colors.contrasts.white1010,
     phoneBreakPoint: breakpoints.medium
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,53 +4,65 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PositionSummary = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = exports.PositionSummary = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _PositionSummary;
 /** @jsx jsx */
-var PositionSummary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(PositionSummary, _Component);
-  var _super = (0, _createSuper2.default)(PositionSummary);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var PositionSummary = exports.PositionSummary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   function PositionSummary() {
-    (0, _classCallCheck2.default)(this, PositionSummary);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, PositionSummary);
+    return _callSuper(this, PositionSummary, arguments);
   }
-  (0, _createClass2.default)(PositionSummary, [{
+  (0, _inherits2["default"])(PositionSummary, _Component);
+  return (0, _createClass2["default"])(PositionSummary, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.column
       }, (0, _emotion.jsx)("div", {
-        css: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.styles.numberSummary), this.props.styles.firstNumberSummary)
-      }, (0, _formatMessage.default)('{first, number}', {
+        css: _objectSpread(_objectSpread({}, this.props.styles.numberSummary), this.props.styles.firstNumberSummary)
+      }, (0, _formatMessage["default"])('{first, number}', {
         first: this.props.firstPosition
       })), (0, _emotion.jsx)("div", {
         css: this.props.styles.verticalDots
       }), (0, _emotion.jsx)("div", {
-        css: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.styles.numberSummary), this.props.styles.secondNumberSummary)
-      }, (0, _formatMessage.default)('{last, number}', {
+        css: _objectSpread(_objectSpread({}, this.props.styles.numberSummary), this.props.styles.secondNumberSummary)
+      }, (0, _formatMessage["default"])('{last, number}', {
         last: this.props.lastPosition
       })));
     }
   }]);
-  PositionSummary.displayName = "PositionSummary";
-  return PositionSummary;
-}(_react.Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
-  firstPosition: _propTypes.default.number.isRequired,
-  lastPosition: _propTypes.default.number.isRequired,
-  styles: _propTypes.default.object
-}, _PositionSummary)) || _class);
-exports.PositionSummary = PositionSummary;
-var _default = PositionSummary;
-exports.default = _default;
+}(_react.Component), (0, _defineProperty2["default"])(_PositionSummary, "displayName", 'PositionSummary'), (0, _defineProperty2["default"])(_PositionSummary, "componentId", "Quizzes".concat(_PositionSummary.displayName)), (0, _defineProperty2["default"])(_PositionSummary, "propTypes", {
+  firstPosition: _propTypes["default"].number.isRequired,
+  lastPosition: _propTypes["default"].number.isRequired,
+  styles: _propTypes["default"].object
+}), _PositionSummary)) || _class);
+var _default = exports["default"] = PositionSummary;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     column: {
@@ -30,5 +30,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,21 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
     spacing = _ref.spacing,
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    numberSummaryColor: colors.licorice,
+    numberSummaryColor: colors.contrasts.grey125125,
     numberSummaryFontSize: typography.fontSizeMedium,
     numberSummaryFontWeight: typography.fontWeightBold,
     firstNumberSummaryPadding: spacing.xxSmall,
     secondNumberSummaryPadding: spacing.xxSmall,
     verticalDotsBorderWidth: borders.widthSmall,
-    verticalDotsBorderColor: colors.licorice
+    verticalDotsBorderColor: colors.contrasts.grey125125
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -1,56 +1,68 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Pin = void 0;
+exports["default"] = exports.Pin = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiLink = require("@instructure/ui-link");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 // Component exists to prevent the recreation of the scroll function with each render,
 // which would cause a new rerender on each data change
-var Pin = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Pin, _Component);
-  var _super = (0, _createSuper2.default)(Pin);
+var Pin = exports.Pin = /*#__PURE__*/function (_Component) {
   function Pin() {
-    var _this;
-    (0, _classCallCheck2.default)(this, Pin);
+    var _this2;
+    (0, _classCallCheck2["default"])(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;
+    _this2 = _callSuper(this, Pin, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "scroll", function () {
+      _this2.props.scrollToItem(_this2.props.position)(_this2.props.sessionItemId);
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(Pin, [{
+  (0, _inherits2["default"])(Pin, _Component);
+  return (0, _createClass2["default"])(Pin, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+      return /*#__PURE__*/_react["default"].createElement(_uiLink.Link, {
         onClick: this.scroll,
         isWithinText: false,
         display: "block"
-      }, (0, _formatMessage.default)('Question {position, number}', {
+      }, (0, _formatMessage["default"])('Question {position, number}', {
         position: this.props.position
       }));
     }
   }]);
-  Pin.displayName = "Pin";
-  return Pin;
 }(_react.Component);
-exports.Pin = Pin;
-Pin.propTypes = {
-  scrollToItem: _propTypes.default.func.isRequired,
-  sessionItemId: _propTypes.default.string.isRequired,
-  position: _propTypes.default.number.isRequired
-};
-var _default = Pin;
-exports.default = _default;
+(0, _defineProperty2["default"])(Pin, "propTypes", {
+  scrollToItem: _propTypes["default"].func.isRequired,
+  sessionItemId: _propTypes["default"].string.isRequired,
+  position: _propTypes["default"].number.isRequired
+});
+var _default = exports["default"] = Pin;

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

@@ -4,16 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _immutable = require("immutable");
-var _ref = /*#__PURE__*/_react.default.createElement("div", {
-  key: "1"
-}, "child1");
-var _ref2 = /*#__PURE__*/_react.default.createElement("div", {
-  key: "2"
-}, "child2");
-var _default = {
+var _default = exports["default"] = {
   propValues: {
     taking: [false, true],
     sidebarOpen: [false, true],
@@ -21,7 +15,11 @@ var _default = {
   },
   getComponentProps: function getComponentProps(props) {
     return {
-      children: [_ref, _ref2],
+      children: [/*#__PURE__*/_react["default"].createElement("div", {
+        key: "1"
+      }, "child1"), /*#__PURE__*/_react["default"].createElement("div", {
+        key: "2"
+      }, "child2")],
       scrollToItem: function scrollToItem() {
         return Function.prototype;
       },
@@ -36,5 +34,4 @@ var _default = {
       shouldCloseOnBlur: false
     };
   }
-};
-exports.default = _default;
+};

package/lib/common/components/layout/sidebar/Sidebar/externalStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateExternalStyle = void 0;
-var generateExternalStyle = function generateExternalStyle(componentTheme) {
+var generateExternalStyle = exports.generateExternalStyle = function generateExternalStyle(componentTheme) {
   return {
     sidebar: {
       borderTop: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
@@ -13,5 +13,4 @@ var generateExternalStyle = function generateExternalStyle(componentTheme) {
       borderLeft: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor)
     }
   };
-};
-exports.generateExternalStyle = generateExternalStyle;
+};