@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -4,52 +4,67 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SidebarItem = void 0;
+exports["default"] = exports.SidebarItem = 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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiLink = require("@instructure/ui-link");
 var _emotion = require("@instructure/emotion");
-var _index = _interopRequireDefault(require("../PositionSummary/index.js"));
+var _PositionSummary = _interopRequireDefault(require("../PositionSummary"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizRce = require("@instructure/quiz-rce");
-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 _uiTooltip = require("@instructure/ui-tooltip");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _dec, _class, _SidebarItem;
 /** @jsx jsx */
-var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SidebarItem, _Component);
-  var _super = (0, _createSuper2.default)(SidebarItem);
+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 SidebarItem = exports.SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   function SidebarItem() {
-    var _this;
-    (0, _classCallCheck2.default)(this, SidebarItem);
+    var _this2;
+    (0, _classCallCheck2["default"])(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));
+    _this2 = _callSuper(this, SidebarItem, [].concat(args));
     // ============
     //   ACTIONS
     // ============
-    _this.scrollToItem = function (e) {
+    (0, _defineProperty2["default"])(_this2, "scrollToItem", function (e) {
       e.preventDefault(); // prevent default link navigation
-      if (_this.props.preventScrollToItem) {
+      if (_this2.props.preventScrollToItem) {
         return;
       }
       // this can be a real scroll or a oqaat change
       // depending on whether is is oqaat or not
-      _this.props.scrollToItem(_this.props.itemId);
+      _this2.props.scrollToItem(_this2.props.itemId);
       e.stopPropagation();
-    };
-    return _this;
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(SidebarItem, [{
+  (0, _inherits2["default"])(SidebarItem, _Component);
+  return (0, _createClass2["default"])(SidebarItem, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -61,14 +76,18 @@ var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
     }
   }, {
     key: "getPointsText",
+    value:
     // ============
     //   HELPERS
     // ============
-    value: function getPointsText(points) {
-      return (0, _formatMessage.default)("{\n      points, plural,\n        one {# point}\n      other {# points}\n    }", {
+
+    function getPointsText(points) {
+      return (0, _formatMessage["default"])("{\n      points, plural,\n        one {# point}\n      other {# points}\n    }", {
         points: points
       });
-    } // =============
+    }
+
+    // =============
     //   RENDERING
     // =============
   }, {
@@ -80,7 +99,7 @@ var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
         quizEntry = _this$props.quizEntry,
         sidebarOpen = _this$props.sidebarOpen;
       if (!sidebarOpen && quizEntry && quizEntry.sizeOfBank > 1) {
-        return (0, _emotion.jsx)(_index.default, {
+        return (0, _emotion.jsx)(_PositionSummary["default"], {
           firstPosition: position,
           lastPosition: position + quizEntry.sizeOfBank - 1
         });
@@ -96,9 +115,9 @@ var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
         displayPosition = _this$props2.displayPosition,
         itemId = _this$props2.itemId,
         isAnswered = _this$props2.isAnswered;
-      var content = !isAnswered && isAnswered !== null ? (0, _formatMessage.default)('Navigate to question at position {displayPosition}, unanswered', {
+      var content = !isAnswered && isAnswered !== null ? (0, _formatMessage["default"])('Navigate to question at position {displayPosition}, unanswered', {
         displayPosition: displayPosition
-      }) : (0, _formatMessage.default)('Navigate to question at position {displayPosition}', {
+      }) : (0, _formatMessage["default"])('Navigate to question at position {displayPosition}', {
         displayPosition: displayPosition
       });
       return (0, _emotion.jsx)(_uiTooltip.Tooltip, {
@@ -171,34 +190,30 @@ var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
       return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
     }
   }]);
-  SidebarItem.displayName = "SidebarItem";
-  return SidebarItem;
-}(_react.Component), _SidebarItem.displayName = 'SidebarItem', _SidebarItem.componentId = "Quizzes".concat(_SidebarItem.displayName), _SidebarItem.propTypes = {
+}(_react.Component), (0, _defineProperty2["default"])(_SidebarItem, "displayName", 'SidebarItem'), (0, _defineProperty2["default"])(_SidebarItem, "componentId", "Quizzes".concat(_SidebarItem.displayName)), (0, _defineProperty2["default"])(_SidebarItem, "propTypes", {
   // Passed in by Sidebar
-  children: _propTypes.default.element,
-  displayPosition: _propTypes.default.string.isRequired,
-  itemId: _propTypes.default.string.isRequired,
-  itemBody: _propTypes.default.string,
-  itemName: _propTypes.default.string.isRequired,
-  inStimulus: _propTypes.default.bool,
-  isAnswered: _propTypes.default.bool,
-  position: _propTypes.default.number.isRequired,
-  pointsPossible: _propTypes.default.number.isRequired,
-  preventScrollToItem: _propTypes.default.bool.isRequired,
-  quizEntry: _reactImmutableProptypes.default.record,
+  children: _propTypes["default"].element,
+  displayPosition: _propTypes["default"].string.isRequired,
+  itemId: _propTypes["default"].string.isRequired,
+  itemBody: _propTypes["default"].string,
+  itemName: _propTypes["default"].string.isRequired,
+  inStimulus: _propTypes["default"].bool,
+  isAnswered: _propTypes["default"].bool,
+  position: _propTypes["default"].number.isRequired,
+  pointsPossible: _propTypes["default"].number.isRequired,
+  preventScrollToItem: _propTypes["default"].bool.isRequired,
+  quizEntry: _reactImmutableProptypes["default"].record,
   // not used on Take
-  sidebarOpen: _propTypes.default.bool.isRequired,
+  sidebarOpen: _propTypes["default"].bool.isRequired,
   // from connect
-  scrollToItem: _propTypes.default.func.isRequired,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _SidebarItem.defaultProps = {
+  scrollToItem: _propTypes["default"].func.isRequired,
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), (0, _defineProperty2["default"])(_SidebarItem, "defaultProps", {
   children: null,
   inStimulus: false,
   itemBody: '',
   quizEntry: null,
   isAnswered: null
-}, _SidebarItem)) || _class);
-exports.SidebarItem = SidebarItem;
-var _default = SidebarItem;
-exports.default = _default;
+}), _SidebarItem)) || _class);
+var _default = exports["default"] = SidebarItem;

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

@@ -4,11 +4,13 @@ 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"));
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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, props) {
   return {
-    sidebarItem: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+    sidebarItem: _objectSpread(_objectSpread(_objectSpread({
       borderRight: "".concat(componentTheme.hoverBorderWidth, " solid ").concat(componentTheme.borderColor),
       borderBottom: "".concat(componentTheme.bottomBorderWidth, " solid ").concat(componentTheme.bottomBorderColor),
       '&:hover': {
@@ -48,7 +50,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
       overflow: 'hidden',
       marginTop: componentTheme.itemBodyMarginTop
     },
-    mainText: (0, _objectSpread2.default)({
+    mainText: _objectSpread({
       position: 'relative',
       cursor: 'pointer'
     }, props.sidebarOpen && {
@@ -61,5 +63,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var borders = _ref.borders,
     colors = _ref.colors,
     typography = _ref.typography,
     spacing = _ref.spacing;
   return {
-    borderColor: colors.white,
-    bottomBorderColor: colors.tiara,
+    borderColor: colors.contrasts.white1010,
+    bottomBorderColor: colors.contrasts.grey1214,
     bottomBorderWidth: borders.widthSmall,
-    darkTextColor: colors.licorice,
-    hoverBorderColor: colors.electric,
+    darkTextColor: colors.contrasts.grey125125,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
-    infoHeaderColor: colors.slate,
+    infoHeaderColor: colors.contrasts.grey4570,
     infoHeaderFontSize: typography.fontSizeXSmall,
     itemBodyFontSize: typography.fontSizeSmall,
     itemBodyMarginTop: spacing.xxSmall,
@@ -30,5 +30,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarItemLogoFontSize: typography.fontSizeMedium
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _reactRedux = require("../../../../../react-redux.js");
-var _sidebar = require("../../../../../actions/sidebar.js");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-var _default = (0, _reactRedux.connect)(null, {
+exports["default"] = void 0;
+var _reactRedux = require("../../../../../react-redux");
+var _sidebar = require("../../../../../actions/sidebar");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _default = exports["default"] = (0, _reactRedux.connect)(null, {
   setSidebarStimulusIsShowing: _sidebar.setSidebarStimulusIsShowing
-})(_presenter.default);
-exports.default = _default;
+})(_presenter["default"]);

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Collection = void 0;
+exports["default"] = exports.Collection = 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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -16,33 +18,46 @@ var _uiIcons = require("@instructure/ui-icons");
 var _uiMotion = require("@instructure/ui-motion");
 var _uiButtons = require("@instructure/ui-buttons");
 var _emotion = require("@instructure/emotion");
-var _index = _interopRequireDefault(require("../../PositionSummary/index.js"));
-var _presenter = require("../presenter.js");
+var _PositionSummary = _interopRequireDefault(require("../../PositionSummary"));
+var _presenter = require("../presenter");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-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, _Collection;
 /** @jsx jsx */
-var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Collection, _Component);
-  var _super = (0, _createSuper2.default)(Collection);
+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 Collection = exports.Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   function Collection() {
-    var _this;
-    (0, _classCallCheck2.default)(this, Collection);
+    var _this2;
+    (0, _classCallCheck2["default"])(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.props.setSidebarStimulusIsShowing(_this.props.stimulusId, false);
-    };
-    _this.handleSidebarShowItems = function () {
-      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, true);
-    };
-    return _this;
+    _this2 = _callSuper(this, Collection, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "handleSidebarHideItems", function () {
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, false);
+    });
+    (0, _defineProperty2["default"])(_this2, "handleSidebarShowItems", function () {
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, true);
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(Collection, [{
+  (0, _inherits2["default"])(Collection, _Component);
+  return (0, _createClass2["default"])(Collection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -59,11 +74,13 @@ var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
     }
   }, {
     key: "renderItems",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderItems() {
-      var _this2 = this;
+
+    function renderItems() {
+      var _this3 = this;
       var _this$props = this.props,
         firstPosition = _this$props.firstPosition,
         isShowingItems = _this$props.isShowingItems,
@@ -75,12 +92,12 @@ var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
         nextDisplayPosition += item.displayPositionSlots;
         return (0, _emotion.jsx)("div", {
           key: item.id,
-          css: _this2.props.styles.sidebarItemContainer
-        }, _this2.props.renderSidebarItem(item, displayPosition, sidebarOpen));
+          css: _this3.props.styles.sidebarItemContainer
+        }, _this3.props.renderSidebarItem(item, displayPosition, sidebarOpen));
       });
       var transitionType = isShowingItems ? 'slide-down' : 'slide-up';
       return (0, _emotion.jsx)(_uiMotion.Transition, {
-        in: isShowingItems || this.shouldDisplayAllItems(),
+        "in": isShowingItems || this.shouldDisplayAllItems(),
         type: transitionType
       }, (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
         css: this.props.styles.sidebarItem,
@@ -90,7 +107,7 @@ var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
         withBackground: false,
         withBorder: false,
         renderIcon: _uiIcons.IconArrowOpenUpLine,
-        screenReaderLabel: (0, _formatMessage.default)('Collapse stimulus questions')
+        screenReaderLabel: (0, _formatMessage["default"])('Collapse stimulus questions')
       })), (0, _emotion.jsx)("div", null, itemComponents)));
     }
   }, {
@@ -102,11 +119,11 @@ var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
         isShowingItems = _this$props2.isShowingItems;
       var transitionType = !isShowingItems ? 'slide-up' : 'slide-down';
       return (0, _emotion.jsx)(_uiMotion.Transition, {
-        in: !isShowingItems,
+        "in": !isShowingItems,
         type: transitionType
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.column
-      }, (0, _emotion.jsx)(_index.default, {
+      }, (0, _emotion.jsx)(_PositionSummary["default"], {
         firstPosition: firstPosition,
         lastPosition: firstPosition + itemCollection.size - 1
       }), (0, _emotion.jsx)(_uiButtons.IconButton, {
@@ -114,7 +131,7 @@ var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
         withBackground: false,
         withBorder: false,
         renderIcon: _uiIcons.IconArrowOpenDownLine,
-        screenReaderLabel: (0, _formatMessage.default)('Expand stimulus questions')
+        screenReaderLabel: (0, _formatMessage["default"])('Expand stimulus questions')
       })));
     }
   }, {
@@ -132,25 +149,21 @@ var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
       }, this.renderItems()));
     }
   }]);
-  Collection.displayName = "Collection";
-  return Collection;
-}(_react.Component), _Collection.displayName = 'Collection', _Collection.componentId = "Quizzes".concat(_Collection.displayName), _Collection.propTypes = {
+}(_react.Component), (0, _defineProperty2["default"])(_Collection, "displayName", 'Collection'), (0, _defineProperty2["default"])(_Collection, "componentId", "Quizzes".concat(_Collection.displayName)), (0, _defineProperty2["default"])(_Collection, "propTypes", {
   // Passed in by Sidebar
-  firstPosition: _propTypes.default.number.isRequired,
-  isOver: _propTypes.default.bool.isRequired,
+  firstPosition: _propTypes["default"].number.isRequired,
+  isOver: _propTypes["default"].bool.isRequired,
   /* This is used for when the stimulus is being dragged in build */
-  renderSidebarItem: _propTypes.default.func.isRequired,
-  sidebarOpen: _propTypes.default.bool.isRequired,
-  itemCollection: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  isShowingItems: _propTypes.default.bool,
-  stimulusId: _propTypes.default.string.isRequired,
+  renderSidebarItem: _propTypes["default"].func.isRequired,
+  sidebarOpen: _propTypes["default"].bool.isRequired,
+  itemCollection: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  isShowingItems: _propTypes["default"].bool,
+  stimulusId: _propTypes["default"].string.isRequired,
   // set in connect
-  setSidebarStimulusIsShowing: _propTypes.default.func.isRequired,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _Collection.defaultProps = {
+  setSidebarStimulusIsShowing: _propTypes["default"].func.isRequired,
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), (0, _defineProperty2["default"])(_Collection, "defaultProps", {
   isShowingItems: false
-}, _Collection)) || _class);
-exports.Collection = Collection;
-var _default = Collection;
-exports.default = _default;
+}), _Collection)) || _class);
+var _default = exports["default"] = Collection;

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

@@ -4,9 +4,11 @@ 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 _presenter = require("../presenter.js");
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _presenter = require("../presenter");
+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, props) {
   var shouldDisplayAllItems = props.itemCollection.size <= _presenter.DISPLAY_AS_SUMMARY_LIMIT;
   var shouldDisplayAsColumn = props.isShowingItems && !shouldDisplayAllItems && !props.sidebarOpen;
@@ -26,7 +28,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
   };
   return {
     column: columnStyles,
-    sidebarItemContainer: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    sidebarItemContainer: _objectSpread(_objectSpread({
       display: 'none'
     }, props.sidebarOpen && {
       display: 'block'
@@ -36,19 +38,18 @@ var generateStyle = function generateStyle(componentTheme, props) {
       borderTopColor: componentTheme.sidebarIsOpenBottomBorderColor,
       paddingLeft: '0'
     }),
-    sidebarItem: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    sidebarItem: _objectSpread(_objectSpread({
       display: 'block'
     }, shouldDisplayAsColumn && columnStyles), isSideBarItemHidden && hiddenStyles),
-    container: (0, _objectSpread2.default)({
+    container: _objectSpread({
       display: 'block'
     }, isContainerHidden && hiddenStyles),
-    items: (0, _objectSpread2.default)({
+    items: _objectSpread({
       display: 'block'
     }, areItemsHidden && hiddenStyles),
-    summary: (0, _objectSpread2.default)({
+    summary: _objectSpread({
       display: 'block'
     }, isSummaryHidden && hiddenStyles)
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,16 +3,15 @@
 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;
   return {
     columnPadding: spacing.xSmall,
-    sidebarIsOpenBottomBorderColor: colors.slate,
+    sidebarIsOpenBottomBorderColor: colors.contrasts.grey4570,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _reactRedux = require("../../../../../react-redux.js");
-var _sidebar = require("../../../../../actions/sidebar.js");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-var _default = (0, _reactRedux.connect)(null, {
+exports["default"] = void 0;
+var _reactRedux = require("../../../../../react-redux");
+var _sidebar = require("../../../../../actions/sidebar");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _default = exports["default"] = (0, _reactRedux.connect)(null, {
   setSidebarStimulusIsShowing: _sidebar.setSidebarStimulusIsShowing
-})(_presenter.default);
-exports.default = _default;
+})(_presenter["default"]);