@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

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/Sidebar/theme.js

@@ -9,30 +9,30 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sidebarWidthClosed: spacing.xxLarge,
     sidebarWidthOpen: '22rem',
-    sidebarBackgroundColor: colors.contrasts.white1010,
+    sidebarBackgroundColor: colors.white,
     sidebarBorderWidth: borders.widthSmall,
-    sidebarBorderColor: colors.contrasts.grey1214,
-    sidebarColor: colors.contrasts.grey100100,
+    sidebarBorderColor: colors.tiara,
+    sidebarColor: colors.oxford,
     sidebarZIndex: '5555',
     sidebarTransitionDuration: transitions.duration,
     infoHolderFontSize: typography.fontSizeXSmall,
     infoHolderBorderWidth: borders.widthSmall,
-    infoHolderBorderColor: colors.contrasts.grey1214,
+    infoHolderBorderColor: colors.tiara,
     infoHolderPadding: spacing.small,
-    actionableInfoHoverBorderColor: colors.contrasts.blue4570,
+    actionableInfoHoverBorderColor: colors.electric,
     actionableInfoBorderWidth: borders.widthLarge,
     questionNavigatorPadding: spacing.xxxSmall,
     headerSpacingPadding: "".concat(spacing.small, " ").concat(spacing.xSmall),
-    pinnedSectionBackgroundColor: colors.contrasts.grey1111,
+    pinnedSectionBackgroundColor: colors.porcelain,
     pinnedQuestionSpacing: spacing.small,
     pinnedQuestionFontSize: typography.fontSizeSmall,
     sidebarHeaderBorderWidth: borders.widthSmall,
-    sidebarHeaderBorderColor: colors.contrasts.grey1214,
+    sidebarHeaderBorderColor: colors.tiara,
     descriptionFontSize: typography.fontSizeXSmall,
-    descriptionFontColor: colors.contrasts.grey4570,
+    descriptionFontColor: colors.slate,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
-    focusBorderColor: colors.contrasts.blue4570,
-    focusOutlineColor: alpha(colors.contrasts.blue4570, 50)
+    focusBorderColor: colors.brand,
+    focusOutlineColor: alpha(colors.brand, 50)
   };
 };
 export default generateComponentTheme;

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/SidebarItem/theme.js

@@ -4,13 +4,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     spacing = _ref.spacing;
   return {
-    borderColor: colors.contrasts.white1010,
-    bottomBorderColor: colors.contrasts.grey1214,
+    borderColor: colors.white,
+    bottomBorderColor: colors.tiara,
     bottomBorderWidth: borders.widthSmall,
-    darkTextColor: colors.contrasts.grey125125,
-    hoverBorderColor: colors.contrasts.blue4570,
+    darkTextColor: colors.licorice,
+    hoverBorderColor: colors.electric,
     hoverBorderWidth: borders.widthLarge,
-    infoHeaderColor: colors.contrasts.grey4570,
+    infoHeaderColor: colors.slate,
     infoHeaderFontSize: typography.fontSizeXSmall,
     itemBodyFontSize: typography.fontSizeSmall,
     itemBodyMarginTop: spacing.xxSmall,

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);

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

@@ -1,8 +1,12 @@
 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, _Collection;
+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';
@@ -11,31 +15,30 @@ import { IconArrowOpenDownLine, IconArrowOpenUpLine } from '@instructure/ui-icon
 import { Transition } from '@instructure/ui-motion';
 import { IconButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
-import PositionSummary from "../../PositionSummary/index.js";
-import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
+import PositionSummary from '../../PositionSummary';
+import { DISPLAY_AS_SUMMARY_LIMIT } from '../presenter';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Collection = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
-  _inherits(Collection, _Component);
-  var _super = _createSuper(Collection);
   function Collection() {
     var _this;
     _classCallCheck(this, Collection);
     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.handleSidebarHideItems = function () {
+    _this = _callSuper(this, Collection, [].concat(args));
+    _defineProperty(_this, "handleSidebarHideItems", function () {
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, false);
-    };
-    _this.handleSidebarShowItems = function () {
+    });
+    _defineProperty(_this, "handleSidebarShowItems", function () {
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, true);
-    };
+    });
     return _this;
   }
-  _createClass(Collection, [{
+  _inherits(Collection, _Component);
+  return _createClass(Collection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -52,10 +55,12 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
     }
   }, {
     key: "renderItems",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderItems() {
+
+    function renderItems() {
       var _this2 = this;
       var _this$props = this.props,
         firstPosition = _this$props.firstPosition,
@@ -73,7 +78,7 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
       });
       var transitionType = isShowingItems ? 'slide-down' : 'slide-up';
       return jsx(Transition, {
-        in: isShowingItems || this.shouldDisplayAllItems(),
+        "in": isShowingItems || this.shouldDisplayAllItems(),
         type: transitionType
       }, jsx("div", null, jsx("div", {
         css: this.props.styles.sidebarItem,
@@ -95,7 +100,7 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
         isShowingItems = _this$props2.isShowingItems;
       var transitionType = !isShowingItems ? 'slide-up' : 'slide-down';
       return jsx(Transition, {
-        in: !isShowingItems,
+        "in": !isShowingItems,
         type: transitionType
       }, jsx("div", {
         css: this.props.styles.column
@@ -125,9 +130,7 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
       }, this.renderItems()));
     }
   }]);
-  Collection.displayName = "Collection";
-  return Collection;
-}(Component), _Collection.displayName = 'Collection', _Collection.componentId = "Quizzes".concat(_Collection.displayName), _Collection.propTypes = {
+}(Component), _defineProperty(_Collection, "displayName", 'Collection'), _defineProperty(_Collection, "componentId", "Quizzes".concat(_Collection.displayName)), _defineProperty(_Collection, "propTypes", {
   // Passed in by Sidebar
   firstPosition: PropTypes.number.isRequired,
   isOver: PropTypes.bool.isRequired,
@@ -141,7 +144,7 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
   setSidebarStimulusIsShowing: PropTypes.func.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _Collection.defaultProps = {
+}), _defineProperty(_Collection, "defaultProps", {
   isShowingItems: false
-}, _Collection)) || _class);
+}), _Collection)) || _class);
 export default Collection;

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

@@ -1,5 +1,7 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.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 { DISPLAY_AS_SUMMARY_LIMIT } from '../presenter';
 var generateStyle = function generateStyle(componentTheme, props) {
   var shouldDisplayAllItems = props.itemCollection.size <= DISPLAY_AS_SUMMARY_LIMIT;
   var shouldDisplayAsColumn = props.isShowingItems && !shouldDisplayAllItems && !props.sidebarOpen;

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

@@ -4,7 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     columnPadding: spacing.xSmall,
-    sidebarIsOpenBottomBorderColor: colors.contrasts.grey4570,
+    sidebarIsOpenBottomBorderColor: colors.slate,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
 };

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

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