Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import React from 'react'
import DateFacet, { DateFacetComponent } from './DateFacet'
import Center from '../../../../.storybook/Center'
import PaperContainer from '../../../../.storybook/PaperContainer'
import { MuiPickersUtilsProvider } from '@material-ui/pickers'
import moment from 'moment'
import MomentUtils from '@date-io/moment'
import 'moment/locale/fi'
// import 'moment/locale/en'
const facet = {
id: 'birthTimespan',
// predicate: defined in backend
distinctValueCount: 0,
values: [],
flatValues: [],
sortBy: null,
sortDirection: null,
sortButton: false,
spatialFilterButton: false,
isFetching: false,
searchField: false,
containerClass: 'three',
filterType: 'dateFilter',
min: '1800-01-01',
max: '1922-12-31',
timespanFilter: null,
type: 'date'
}
export default {
component: DateFacetComponent,
title: 'Sampo-UI/facet_bar/DateFacet',
decorators: [storyFn =>
<Center><PaperContainer>{storyFn()}</PaperContainer></Center>
]
}
export const basic = props => {
const facetID = 'productionTimespan'
return (
<div style={{ width: 400, height: 150 }}>
<MuiPickersUtilsProvider libInstance={moment} utils={MomentUtils} locale='fi'>
<DateFacet
facetID={facetID}
facet={facet}
facetClass='perspective1'
resultClass='perspective1'
facetUpdateID={0}
fetchFacet={() => null}
someFacetIsFetching={false}
updateFacetOption={() => null}
/>
</MuiPickersUtilsProvider>
</div>
)
}