@instructure/quiz-core 17.19.2-rc.4 → 17.19.3-rc.1

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

@@ -0,0 +1,235 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SidebarItem = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _katex = _interopRequireDefault(require("katex"));
+
+var _autoRender = _interopRequireDefault(require("katex/dist/contrib/auto-render.min"));
+
+require("style-loader!css-loader!katex/dist/katex.css");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _index = _interopRequireDefault(require("../PositionSummary/index.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'cwwgG',
+  template: function template(theme) {
+    return "\n\n.cwwgG_kQJA{border-bottom:".concat(theme.bottomBorderWidth || 'inherit', " solid ").concat(theme.bottomBorderColor || 'inherit', ";border-right:").concat(theme.hoverBorderWidth || 'inherit', " solid ").concat(theme.borderColor || 'inherit', "}\n\n.cwwgG_kQJA:hover{border-right:").concat(theme.hoverBorderWidth || 'inherit', " solid ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.cwwgG_cdGL{color:").concat(theme.infoHeaderColor || 'inherit', ";display:flex;font-size:").concat(theme.infoHeaderFontSize || 'inherit', "}\n\n.cwwgG_ecuB{width:60%}\n\n.cwwgG_echV{width:40%}\n\n.cwwgG_doeu{font-size:").concat(theme.numberFontSize || 'inherit', ";font-weight:").concat(theme.numberFontWeight || 'inherit', "}\n\n.cwwgG_doeu,.cwwgG_esVF{color:").concat(theme.darkTextColor || 'inherit', "}\n\n.cwwgG_esVF{font-size:").concat(theme.itemBodyFontSize || 'inherit', ";margin-top:").concat(theme.itemBodyMarginTop || 'inherit', ";overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\n.cwwgG_fBqo{cursor:pointer;position:relative}\n\n.cwwgG_eQGE{margin:0 ").concat(theme.sidebarClosedMargin || 'inherit', ";padding:").concat(theme.sidebarClosedPadding || 'inherit', " 0;text-align:center}\n\n[dir=ltr] .cwwgG_eQGE,[dir=rtl] .cwwgG_eQGE{text-align:center}\n\n.cwwgG_csre{display:flex;justify-content:flex-end}\n\n.cwwgG_cRFW{border-bottom:none}\n\n.cwwgG_eNNp{padding:").concat(theme.sidebarIsOpenPadding || 'inherit', "}\n\n.cwwgG_eNNp.cwwgG_cRFW{margin-left:10%}\n\n.cwwgG_eNNp .cwwgG_fBqo{font-size:").concat(theme.sidebarIsOpenMainTextFontSize || 'inherit', ";margin-top:").concat(theme.mainTextPaddingTop || 'inherit', "}");
+  },
+  'sidebarItem': 'cwwgG_kQJA',
+  'infoHeader': 'cwwgG_cdGL',
+  'interactionType': 'cwwgG_ecuB',
+  'pointsPossible': 'cwwgG_echV',
+  'displayNumber': 'cwwgG_doeu',
+  'itemBody': 'cwwgG_esVF',
+  'mainText': 'cwwgG_fBqo',
+  'sidebarClosed': 'cwwgG_eQGE',
+  'pinWrapper': 'cwwgG_csre',
+  'inStimulus': 'cwwgG_cRFW',
+  'sidebarIsOpen': 'cwwgG_eNNp'
+};
+window.katex = _katex.default;
+var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(SidebarItem, _Component);
+
+  var _super = (0, _createSuper2.default)(SidebarItem);
+
+  function SidebarItem() {
+    var _this;
+
+    (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));
+
+    _this.scrollToItem = function (e) {
+      if (_this.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);
+
+      e.stopPropagation();
+    };
+
+    _this.renderKatex = function () {
+      return (0, _autoRender.default)(_reactDom.default.findDOMNode((0, _assertThisInitialized2.default)(_this)));
+    };
+
+    _this.componentDidMount = _this.renderKatex;
+    _this.componentDidUpdate = _this.renderKatex;
+    return _this;
+  }
+
+  (0, _createClass2.default)(SidebarItem, [{
+    key: "getPointsText",
+    // ============
+    //   HELPERS
+    // ============
+    value: function getPointsText(points) {
+      return (0, _formatMessage.default)("{\n      points, plural,\n        one {# point}\n      other {# points}\n    }", {
+        points: points
+      });
+    } // =============
+    //   RENDERING
+    // =============
+
+  }, {
+    key: "renderPosition",
+    value: function renderPosition() {
+      var _this$props = this.props,
+          displayPosition = _this$props.displayPosition,
+          position = _this$props.position,
+          quizEntry = _this$props.quizEntry,
+          sidebarOpen = _this$props.sidebarOpen;
+
+      if (!sidebarOpen && quizEntry && quizEntry.sizeOfBank > 1) {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
+          firstPosition: position,
+          lastPosition: position + quizEntry.sizeOfBank - 1
+        });
+      }
+
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: styles.displayNumber
+      }, displayPosition);
+    }
+  }, {
+    key: "renderButton",
+    value: function renderButton() {
+      var _this$props2 = this.props,
+          displayPosition = _this$props2.displayPosition,
+          itemId = _this$props2.itemId;
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        onClick: this.scrollToItem,
+        "data-automation-item-id": itemId,
+        variant: "link",
+        size: "small",
+        margin: "xxx-small",
+        "data-automation": "sdk-sidebar-item-button"
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+        alt: (0, _formatMessage.default)('Scroll to item at position {displayPosition}', {
+          displayPosition: displayPosition
+        })
+      }, this.renderPosition()));
+    }
+  }, {
+    key: "renderClosed",
+    value: function renderClosed() {
+      var contentWrapperClasses = (0, _classnames.default)(styles.sidebarItem, styles.sidebarClosed, (0, _defineProperty2.default)({}, styles.inStimulus, this.props.inStimulus));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: contentWrapperClasses
+      }, this.renderButton());
+    }
+  }, {
+    key: "renderOpen",
+    value: function renderOpen() {
+      var _this$props3 = this.props,
+          children = _this$props3.children,
+          itemName = _this$props3.itemName,
+          inStimulus = _this$props3.inStimulus,
+          pointsPossible = _this$props3.pointsPossible;
+      var contentWrapperClasses = (0, _classnames.default)(styles.sidebarItem, styles.sidebarIsOpen, (0, _defineProperty2.default)({}, styles.inStimulus, inStimulus));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: contentWrapperClasses
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        justifyItems: "space-between"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderButton()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        grow: true,
+        shrink: true,
+        onClick: this.scrollToItem,
+        tabIndex: "-1"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.mainText
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.infoHeader
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.interactionType
+      }, itemName), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.pointsPossible
+      }, this.getPointsText(pointsPossible || 0))), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.itemBody
+      }, this.props.itemBody))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.pinWrapper
+      }, children))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
+    }
+  }]);
+  SidebarItem.displayName = "SidebarItem";
+  return SidebarItem;
+}(_react.Component), _class2.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,
+  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,
+  // from connect
+  scrollToItem: _propTypes.default.func.isRequired
+}, _class2.defaultProps = {
+  children: null,
+  inStimulus: false,
+  itemBody: '',
+  quizEntry: null
+}, _temp)) || _class);
+exports.SidebarItem = SidebarItem;
+var _default = SidebarItem;
+exports.default = _default;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var borders = _ref.borders,
+      colors = _ref.colors,
+      typography = _ref.typography,
+      spacing = _ref.spacing;
+  return {
+    borderColor: colors.white,
+    bottomBorderColor: colors.tiara,
+    bottomBorderWidth: borders.widthSmall,
+    darkTextColor: colors.licorice,
+    hoverBorderColor: colors.electric,
+    hoverBorderWidth: borders.widthLarge,
+    infoHeaderColor: colors.slate,
+    infoHeaderFontSize: typography.fontSizeXSmall,
+    itemBodyFontSize: typography.fontSizeSmall,
+    itemBodyMarginTop: spacing.xxSmall,
+    mainTextPaddingTop: spacing.xSmall,
+    numberFontSize: typography.fontSizeMedium,
+    numberFontWeight: typography.fontWeightBold,
+    sidebarClosedMargin: '-' + spacing.xSmall,
+    sidebarClosedPadding: spacing.small,
+    sidebarIsOpenMainTextFontSize: typography.fontSizeXSmall,
+    sidebarIsOpenPadding: "".concat(spacing.small, " 0 ").concat(spacing.medium, " 0"),
+    sidebarItemLogoFontSize: typography.fontSizeMedium
+  };
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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, {
+  setSidebarStimulusIsShowing: _sidebar.setSidebarStimulusIsShowing
+})(_presenter.default);
+
+exports.default = _default;

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

@@ -0,0 +1,195 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Collection = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _uiMotion = require("@instructure/ui-motion");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _index = _interopRequireDefault(require("../../PositionSummary/index.js"));
+
+var _presenter = require("../presenter.js");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fiHJX',
+  template: function template(theme) {
+    return "\n\n.fiHJX_bZNM{align-items:center;display:flex;flex-flow:column;padding:".concat(theme.columnPadding || 'inherit', ";padding-bottom:0}\n\n.fiHJX_dMbU{display:none}\n\n.fiHJX_fYKY{display:flex}\n\n.fiHJX_cnRi{display:none}\n\n.fiHJX_eNNp .fiHJX_ebwZ{border-top-color:").concat(theme.sidebarIsOpenBottomBorderColor || 'inherit', ";border-top-style:dashed;border-top-width:").concat(theme.sidebarIsOpenBottomBorderWidth || 'inherit', ";padding-left:0}\n\n.fiHJX_eNNp .fiHJX_dMbU{display:block}");
+  },
+  'column': 'fiHJX_bZNM',
+  'itemsContainer': 'fiHJX_dMbU',
+  'sidebarIsClosed': 'fiHJX_fYKY',
+  'hideAll': 'fiHJX_cnRi',
+  'sidebarIsOpen': 'fiHJX_eNNp',
+  'topBorder': 'fiHJX_ebwZ'
+};
+var Collection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Collection, _Component);
+
+  var _super = (0, _createSuper2.default)(Collection);
+
+  function Collection() {
+    var _this;
+
+    (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;
+  }
+
+  (0, _createClass2.default)(Collection, [{
+    key: "shouldDisplayAllItems",
+    value: function shouldDisplayAllItems() {
+      return this.props.itemCollection.size <= _presenter.DISPLAY_AS_SUMMARY_LIMIT;
+    }
+  }, {
+    key: "renderItems",
+    // =============
+    //   RENDERING
+    // =============
+    value: function renderItems() {
+      var _classNames,
+          _this2 = this,
+          _classNames2;
+
+      var _this$props = this.props,
+          firstPosition = _this$props.firstPosition,
+          isOver = _this$props.isOver,
+          isShowingItems = _this$props.isShowingItems,
+          itemCollection = _this$props.itemCollection,
+          sidebarOpen = _this$props.sidebarOpen;
+      var borderStyle = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.itemsContainer, true), (0, _defineProperty2.default)(_classNames, styles.sidebarIsClosed, !sidebarOpen), (0, _defineProperty2.default)(_classNames, styles.topBorder, !isOver || !sidebarOpen), _classNames));
+      var nextDisplayPosition = firstPosition;
+      var itemComponents = itemCollection.toArray().map(function (item, i) {
+        var displayPosition = nextDisplayPosition;
+        nextDisplayPosition += item.displayPositionSlots;
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: item.id,
+          className: borderStyle
+        }, _this2.props.renderSidebarItem(item, displayPosition, sidebarOpen));
+      });
+      var sidebarItemsStyles = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, styles.column, isShowingItems && !this.shouldDisplayAllItems() && !sidebarOpen), (0, _defineProperty2.default)(_classNames2, styles.hideAll, isShowingItems && sidebarOpen || this.shouldDisplayAllItems() || sidebarOpen), _classNames2));
+      var transitionType = isShowingItems ? 'slide-down' : 'slide-up';
+      return /*#__PURE__*/_react.default.createElement(_uiMotion.Transition, {
+        in: isShowingItems || this.shouldDisplayAllItems(),
+        type: transitionType
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.sidebarIsOpen
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: sidebarItemsStyles
+      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        variant: "icon",
+        onClick: this.handleSidebarHideItems,
+        icon: _uiIcons.IconArrowOpenUpLine
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Collapse stimulus items')))), /*#__PURE__*/_react.default.createElement("div", null, itemComponents)));
+    }
+  }, {
+    key: "renderItemSummaryOnClosedSidear",
+    value: function renderItemSummaryOnClosedSidear() {
+      var _this$props2 = this.props,
+          firstPosition = _this$props2.firstPosition,
+          itemCollection = _this$props2.itemCollection,
+          isShowingItems = _this$props2.isShowingItems;
+      var transitionType = !isShowingItems ? 'slide-up' : 'slide-down';
+      return /*#__PURE__*/_react.default.createElement(_uiMotion.Transition, {
+        in: !isShowingItems,
+        type: transitionType
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)([styles.sidebarIsOpen, styles.column])
+      }, /*#__PURE__*/_react.default.createElement(_index.default, {
+        firstPosition: firstPosition,
+        lastPosition: firstPosition + itemCollection.size - 1
+      }), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        variant: "icon",
+        onClick: this.handleSidebarShowItems,
+        icon: _uiIcons.IconArrowOpenDownLine
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Expand stimulus items')))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          isShowingItems = _this$props3.isShowingItems,
+          sidebarOpen = _this$props3.sidebarOpen;
+      var hideAllClass = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.hideAll, sidebarOpen && !isShowingItems && !this.shouldDisplayAllItems()));
+      var hideItemsClass = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.hideAll, this.shouldDisplayAllItems() || isShowingItems));
+      var hideSummaryClass = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.hideAll, !this.shouldDisplayAllItems() && !isShowingItems && !sidebarOpen));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: hideAllClass
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: hideItemsClass
+      }, this.renderItemSummaryOnClosedSidear()), /*#__PURE__*/_react.default.createElement("div", {
+        className: hideSummaryClass
+      }, this.renderItems()));
+    }
+  }]);
+  Collection.displayName = "Collection";
+  return Collection;
+}(_react.Component), _class2.propTypes = {
+  // Passed in by Sidebar
+  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,
+  // set in connect
+  setSidebarStimulusIsShowing: _propTypes.default.func.isRequired
+}, _class2.defaultProps = {
+  isShowingItems: false
+}, _temp)) || _class);
+exports.Collection = Collection;
+var _default = Collection;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var colors = _ref.colors,
+      spacing = _ref.spacing,
+      borders = _ref.borders;
+  return {
+    columnPadding: spacing.xSmall,
+    sidebarIsOpenBottomBorderColor: colors.slate,
+    sidebarIsOpenBottomBorderWidth: borders.widthSmall
+  };
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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, {
+  setSidebarStimulusIsShowing: _sidebar.setSidebarStimulusIsShowing
+})(_presenter.default);
+
+exports.default = _default;