Add new stories

src/client/components/StorybookProvider.js

-import React from 'react'
-import { Router } from 'react-router'
-import { Provider } from 'react-redux'
-
-const StorybookProvider = ({ children, store }) => (
-  <Provider store={store}>
-    <Router>
-      {children}
-    </Router>
-  </Provider>
-)
-
-export default StorybookProvider

src/client/components/facet_bar/FacetBar.js

@@ -61,6 +61,9 @@ const styles = theme => ({
   }
 })
 
+/**
+ * A component for rendering a preconfigured set of facets and related information.
+ */
 class FacetBar extends React.Component {
   constructor (props) {
     super(props)
@@ -351,11 +354,12 @@ FacetBar.propTypes = {
   clientFSClearResults: PropTypes.func,
   clientFSUpdateQuery: PropTypes.func,
   clientFSUpdateFacet: PropTypes.func,
-  map: PropTypes.object,
   defaultActiveFacets: PropTypes.instanceOf(Set).isRequired,
   leafletMap: PropTypes.object,
   showError: PropTypes.func,
   rootUrl: PropTypes.string.isRequired
 }
 
+export const FacetBarComponent = FacetBar
+
 export default withStyles(styles)(FacetBar)

src/client/components/facet_bar/FacetBar.stories.js

+import React from 'react'
+import FacetBar, { FacetBarComponent } from './FacetBar'
+import { useSelector } from 'react-redux'
+import { perspectiveConfig } from '../../configs/sampo/PerspectiveConfig'
+
+export default {
+  component: FacetBarComponent,
+  title: 'Sampo-UI/facet_bar/FacetBar'
+}
+
+export const basic = props => {
+  const perspective = perspectiveConfig[0]
+  const facetResults = useSelector(state => state.perspective1)
+  const perspective1Facets = useSelector(state => state.perspective1Facets)
+  const perspective1FacetsConstrainSelf = useSelector(state => state.perspective1FacetsConstrainSelf)
+  return (
+    <FacetBar
+      facetedSearchMode='serverFS'
+      facetData={perspective1Facets}
+      facetDataConstrainSelf={perspective1FacetsConstrainSelf}
+      facetClass={perspective.id}
+      resultClass={perspective.id}
+      fetchingResultCount={facetResults.fetchingResultCount}
+      resultCount={facetResults.resultCount}
+      fetchFacet={() => null}
+      fetchFacetConstrainSelf={() => null}
+      fetchResultCount={() => null}
+      updateFacetOption={() => null}
+      defaultActiveFacets={perspective.defaultActiveFacets}
+      rootUrl=''
+    />
+  )
+}

src/client/components/facet_results/ObjectListItemEvent.stories.js

@@ -3,7 +3,7 @@ import ObjectListItemEvent, { ObjectListItemEventComponent } from './ObjectListI
 
 export default {
   component: ObjectListItemEventComponent,
-  title: 'ObjectListItemEvent'
+  title: 'Sampo-UI/facet_results/ObjectListItemEvent'
 }
 
 export const basic = () =>

src/client/components/main_layout/TextPage.stories.js

@@ -3,7 +3,7 @@ import TextPage from './TextPage'
 
 export default {
   component: TextPage,
-  title: 'TextPage'
+  title: 'Sampo-UI/main_layout/TextPage'
 }
 
 export const basic = () => <TextPage>Some content</TextPage>

src/client/components/main_layout/TopBar.stories.js

@@ -6,7 +6,7 @@ import { perspectiveConfig } from '../../configs/sampo/PerspectiveConfig'
 
 export default {
   component: TopBar,
-  title: 'TopBar'
+  title: 'Sampo-UI/main_layout/TopBar'
 }
 
 export const basic = props => {