| 1 | import "core-js/modules/es.function.name.js";
|
| 2 | import React from 'react';
|
| 3 | import { Consumer } from '@storybook/api';
|
| 4 | import { Sidebar as SidebarComponent } from '../components/sidebar/Sidebar';
|
| 5 | import { useMenu } from './menu';
|
| 6 | var Sidebar = React.memo(function () {
|
| 7 | var mapper = function mapper(_ref) {
|
| 8 | var state = _ref.state,
|
| 9 | api = _ref.api;
|
| 10 | var _state$ui = state.ui,
|
| 11 | name = _state$ui.name,
|
| 12 | url = _state$ui.url,
|
| 13 | enableShortcuts = _state$ui.enableShortcuts,
|
| 14 | viewMode = state.viewMode,
|
| 15 | storyId = state.storyId,
|
| 16 | refId = state.refId,
|
| 17 | _state$layout = state.layout,
|
| 18 | isToolshown = _state$layout.isToolshown,
|
| 19 | isFullscreen = _state$layout.isFullscreen,
|
| 20 | showPanel = _state$layout.showPanel,
|
| 21 | showNav = _state$layout.showNav,
|
| 22 | storiesHash = state.storiesHash,
|
| 23 | storiesConfigured = state.storiesConfigured,
|
| 24 | storiesFailed = state.storiesFailed,
|
| 25 | refs = state.refs;
|
| 26 | var menu = useMenu(api, isToolshown, isFullscreen, showPanel, showNav, enableShortcuts);
|
| 27 | return {
|
| 28 | title: name,
|
| 29 | url: url,
|
| 30 | stories: storiesHash,
|
| 31 | storiesFailed: storiesFailed,
|
| 32 | storiesConfigured: storiesConfigured,
|
| 33 | refs: refs,
|
| 34 | storyId: storyId,
|
| 35 | refId: refId,
|
| 36 | viewMode: viewMode,
|
| 37 | menu: menu,
|
| 38 | menuHighlighted: api.versionUpdateAvailable(),
|
| 39 | enableShortcuts: enableShortcuts
|
| 40 | };
|
| 41 | };
|
| 42 |
|
| 43 | return React.createElement(Consumer, {
|
| 44 | filter: mapper
|
| 45 | }, function (fromState) {
|
| 46 | return React.createElement(SidebarComponent, fromState);
|
| 47 | });
|
| 48 | });
|
| 49 | export default Sidebar; |
| \ | No newline at end of file |