@sis-cc/dotstatsuite-visions 7.17.13 → 7.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/ChartsConfig/ChartsConfig.js +368 -116
- package/es/ChartsConfig/Input.js +1 -0
- package/es/ChartsConfig/InputProxy.js +54 -0
- package/es/ChartsConfig/Proxy.js +20 -0
- package/es/ChartsConfig/Title.js +38 -0
- package/es/ChartsConfig/index.js +1 -1
- package/es/ChartsConfig/useAxisOptions.js +9 -0
- package/es/ChartsConfig/useDimensionOptions.js +12 -0
- package/es/ChartsConfig/useFocusOptions.js +22 -0
- package/es/ChartsConfig/utils.js +3 -9
- package/es/DataEdit/DataEdit.js +50 -75
- package/es/Select/Select.js +18 -4
- package/lib/ChartsConfig/ChartsConfig.js +380 -128
- package/lib/ChartsConfig/Input.js +1 -0
- package/lib/ChartsConfig/InputProxy.js +75 -0
- package/lib/ChartsConfig/Proxy.js +34 -0
- package/lib/ChartsConfig/Title.js +57 -0
- package/lib/ChartsConfig/useAxisOptions.js +18 -0
- package/lib/ChartsConfig/useDimensionOptions.js +22 -0
- package/lib/ChartsConfig/useFocusOptions.js +32 -0
- package/lib/ChartsConfig/utils.js +4 -10
- package/lib/DataEdit/DataEdit.js +50 -79
- package/lib/Select/Select.js +19 -4
- package/package.json +1 -1
- package/es/ChartsConfig/Axis.js +0 -96
- package/es/ChartsConfig/ButtonGroup.js +0 -66
- package/es/ChartsConfig/ContainerTitle.js +0 -55
- package/es/ChartsConfig/Focus.js +0 -69
- package/es/ChartsConfig/Frequency.js +0 -51
- package/es/ChartsConfig/Series.js +0 -66
- package/es/ChartsConfig/Size.js +0 -67
- package/es/ChartsConfig/styles.js +0 -52
- package/lib/ChartsConfig/Axis.js +0 -128
- package/lib/ChartsConfig/ButtonGroup.js +0 -92
- package/lib/ChartsConfig/ContainerTitle.js +0 -82
- package/lib/ChartsConfig/Focus.js +0 -97
- package/lib/ChartsConfig/Frequency.js +0 -78
- package/lib/ChartsConfig/Series.js +0 -97
- package/lib/ChartsConfig/Size.js +0 -98
- package/lib/ChartsConfig/styles.js +0 -62
package/es/ChartsConfig/Focus.js
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import * as R from 'ramda';
|
|
6
|
-
import Grid from '@material-ui/core/Grid';
|
|
7
|
-
import { useStyles } from './styles';
|
|
8
|
-
import Select from '../Select';
|
|
9
|
-
import ContainerTitle from './ContainerTitle';
|
|
10
|
-
import { isActive, extractMultipleValue } from './utils';
|
|
11
|
-
|
|
12
|
-
var hasUniqUnlabelledOption = R.allPass([R.pipe(R.length, R.equals(1)), R.pipe(R.head, R.prop('label'), R.anyPass([R.isNil, R.isEmpty]))]);
|
|
13
|
-
|
|
14
|
-
var FocusConfig = function FocusConfig(_ref) {
|
|
15
|
-
var baseline = _ref.baseline,
|
|
16
|
-
highlight = _ref.highlight,
|
|
17
|
-
labels = _ref.labels;
|
|
18
|
-
|
|
19
|
-
var classes = useStyles();
|
|
20
|
-
|
|
21
|
-
var highlightOptions = R.when(hasUniqUnlabelledOption, R.set(R.lensPath([0, 'label']), R.prop('uniqFocusOption', labels)))(highlight.options);
|
|
22
|
-
var baselineOptions = R.when(hasUniqUnlabelledOption, R.set(R.lensPath([0, 'label']), R.prop('uniqFocusOption', labels)))(baseline.options);
|
|
23
|
-
var highlightOptionsIndexed = R.indexBy(R.prop('value'))(highlightOptions);
|
|
24
|
-
var baselineOptionsIndexed = R.indexBy(R.prop('value'))(baselineOptions);
|
|
25
|
-
|
|
26
|
-
return React.createElement(
|
|
27
|
-
ContainerTitle,
|
|
28
|
-
{ label: R.prop('focus', labels), gridItemProps: { xs: 12, sm: 8 } },
|
|
29
|
-
isActive(highlight) && React.createElement(
|
|
30
|
-
Grid,
|
|
31
|
-
{ item: true, xs: 12, className: classes.gridItemSpace },
|
|
32
|
-
React.createElement(Select, _extends({}, highlight, {
|
|
33
|
-
onChange: function onChange(ids) {
|
|
34
|
-
return highlight.onChange(R.props(ids, highlightOptionsIndexed));
|
|
35
|
-
},
|
|
36
|
-
value: extractMultipleValue(highlight),
|
|
37
|
-
items: highlightOptions,
|
|
38
|
-
isMultiple: true,
|
|
39
|
-
isClearable: true,
|
|
40
|
-
label: R.prop('highlight', labels),
|
|
41
|
-
placeholder: R.prop('select', labels),
|
|
42
|
-
optionsKey: 'highlight'
|
|
43
|
-
}))
|
|
44
|
-
),
|
|
45
|
-
isActive(baseline) && React.createElement(
|
|
46
|
-
Grid,
|
|
47
|
-
{ item: true, xs: 12, className: classes.gridItemSpace },
|
|
48
|
-
React.createElement(Select, _extends({}, baseline, {
|
|
49
|
-
onChange: function onChange(id) {
|
|
50
|
-
return baseline.onChange(R.pipe(R.props([id]), R.without(baseline.value))(baselineOptionsIndexed));
|
|
51
|
-
},
|
|
52
|
-
value: extractMultipleValue(baseline),
|
|
53
|
-
items: baselineOptions,
|
|
54
|
-
isClearable: true,
|
|
55
|
-
label: R.prop('baseline', labels),
|
|
56
|
-
placeholder: R.prop('select', labels),
|
|
57
|
-
optionsKey: 'baseline'
|
|
58
|
-
}))
|
|
59
|
-
)
|
|
60
|
-
);
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
FocusConfig.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
64
|
-
baseline: PropTypes.object,
|
|
65
|
-
highlight: PropTypes.object,
|
|
66
|
-
labels: PropTypes.object
|
|
67
|
-
} : {};
|
|
68
|
-
|
|
69
|
-
export default FocusConfig;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import * as R from 'ramda';
|
|
6
|
-
import Grid from '@material-ui/core/Grid';
|
|
7
|
-
import Input from '../DataEdit/Input';
|
|
8
|
-
import ContainerTitle from './ContainerTitle';
|
|
9
|
-
import { useStyles } from './styles';
|
|
10
|
-
|
|
11
|
-
var Frequency = function Frequency(_ref) {
|
|
12
|
-
var freqStep = _ref.freqStep,
|
|
13
|
-
icon = _ref.icon,
|
|
14
|
-
labels = _ref.labels;
|
|
15
|
-
|
|
16
|
-
var classes = useStyles();
|
|
17
|
-
return React.createElement(
|
|
18
|
-
ContainerTitle,
|
|
19
|
-
{
|
|
20
|
-
variant: 'grey',
|
|
21
|
-
icon: icon,
|
|
22
|
-
label: R.prop('axisX', labels),
|
|
23
|
-
gridItemProps: { xs: 12 }
|
|
24
|
-
},
|
|
25
|
-
React.createElement(
|
|
26
|
-
Grid,
|
|
27
|
-
{ container: true, spacing: 1 },
|
|
28
|
-
React.createElement(
|
|
29
|
-
Grid,
|
|
30
|
-
{ item: true, xs: 12, className: classes.axis },
|
|
31
|
-
React.createElement(Input, _extends({}, freqStep, {
|
|
32
|
-
value: freqStep.value || '',
|
|
33
|
-
label: R.prop('freqStep', labels),
|
|
34
|
-
fullWidth: true,
|
|
35
|
-
type: 'number',
|
|
36
|
-
InputProps: {
|
|
37
|
-
endAdornment: null
|
|
38
|
-
}
|
|
39
|
-
}))
|
|
40
|
-
)
|
|
41
|
-
)
|
|
42
|
-
);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
Frequency.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
46
|
-
icon: PropTypes.node,
|
|
47
|
-
labels: PropTypes.object,
|
|
48
|
-
freqStep: PropTypes.object
|
|
49
|
-
} : {};
|
|
50
|
-
|
|
51
|
-
export default Frequency;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import * as R from 'ramda';
|
|
6
|
-
import Grid from '@material-ui/core/Grid';
|
|
7
|
-
import ButtonGroup from './ButtonGroup';
|
|
8
|
-
import { useStyles } from './styles';
|
|
9
|
-
import Select from '../Select';
|
|
10
|
-
import { isActive } from './utils';
|
|
11
|
-
import ContainerTitle from './ContainerTitle';
|
|
12
|
-
|
|
13
|
-
var SeriesConfig = function SeriesConfig(_ref) {
|
|
14
|
-
var labels = _ref.labels,
|
|
15
|
-
properties = _ref.properties;
|
|
16
|
-
|
|
17
|
-
var classes = useStyles();
|
|
18
|
-
|
|
19
|
-
var renderComponent = function renderComponent(key) {
|
|
20
|
-
var property = R.prop(key, properties);
|
|
21
|
-
|
|
22
|
-
if (R.not(property)) return null;
|
|
23
|
-
if (R.not(isActive(property))) return null;
|
|
24
|
-
|
|
25
|
-
return React.createElement(
|
|
26
|
-
Grid,
|
|
27
|
-
{ item: true, xs: 12, className: classes.gridItemSpace },
|
|
28
|
-
React.createElement(Select, _extends({}, property, {
|
|
29
|
-
onChange: property.onChange,
|
|
30
|
-
label: R.prop(key, labels),
|
|
31
|
-
value: R.ifElse(R.is(String), R.identity, R.prop('value'))(R.prop('value')(property)),
|
|
32
|
-
items: property.options
|
|
33
|
-
}))
|
|
34
|
-
);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
return React.createElement(
|
|
38
|
-
ContainerTitle,
|
|
39
|
-
{ label: R.prop('series', labels), gridItemProps: { xs: 12 } },
|
|
40
|
-
React.createElement(
|
|
41
|
-
Grid,
|
|
42
|
-
{ container: true, spacing: 1 },
|
|
43
|
-
isActive(R.prop('stackedMode', properties)) && React.createElement(
|
|
44
|
-
Grid,
|
|
45
|
-
{ item: true, xs: 12, className: classes.gridItemSpace },
|
|
46
|
-
React.createElement(ButtonGroup, _extends({}, R.prop('stackedMode', properties), {
|
|
47
|
-
onChange: R.path(['stackedMode', 'onChange'], properties),
|
|
48
|
-
label: R.prop('stackedMode', labels),
|
|
49
|
-
labels: R.prop('stackedModeOptions', labels)
|
|
50
|
-
}))
|
|
51
|
-
),
|
|
52
|
-
renderComponent('scatterDimension'),
|
|
53
|
-
renderComponent('scatterX'),
|
|
54
|
-
renderComponent('scatterY'),
|
|
55
|
-
renderComponent('symbolDimension'),
|
|
56
|
-
renderComponent('stackedDimension')
|
|
57
|
-
)
|
|
58
|
-
);
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
SeriesConfig.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
62
|
-
labels: PropTypes.object,
|
|
63
|
-
properties: PropTypes.object
|
|
64
|
-
} : {};
|
|
65
|
-
|
|
66
|
-
export default SeriesConfig;
|
package/es/ChartsConfig/Size.js
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import * as R from 'ramda';
|
|
6
|
-
import Grid from '@material-ui/core/Grid';
|
|
7
|
-
import InputAdornment from '@material-ui/core/InputAdornment';
|
|
8
|
-
import Input from '../DataEdit/Input';
|
|
9
|
-
import { isActive } from './utils';
|
|
10
|
-
import ContainerTitle from './ContainerTitle';
|
|
11
|
-
import { useStyles } from './styles';
|
|
12
|
-
|
|
13
|
-
var SizeConfig = function SizeConfig(_ref) {
|
|
14
|
-
var height = _ref.height,
|
|
15
|
-
labels = _ref.labels,
|
|
16
|
-
width = _ref.width;
|
|
17
|
-
|
|
18
|
-
var classes = useStyles();
|
|
19
|
-
return React.createElement(
|
|
20
|
-
ContainerTitle,
|
|
21
|
-
{ label: R.prop('size', labels), gridItemProps: { xs: 12, sm: 4 } },
|
|
22
|
-
isActive(width) && React.createElement(
|
|
23
|
-
Grid,
|
|
24
|
-
{ item: true, xs: 12 },
|
|
25
|
-
React.createElement(Input, _extends({}, width, {
|
|
26
|
-
value: width.value || '',
|
|
27
|
-
label: R.prop('width', labels),
|
|
28
|
-
fullWidth: true,
|
|
29
|
-
type: 'number',
|
|
30
|
-
InputProps: {
|
|
31
|
-
endAdornment: React.createElement(
|
|
32
|
-
InputAdornment,
|
|
33
|
-
{ position: 'end' },
|
|
34
|
-
'px'
|
|
35
|
-
)
|
|
36
|
-
},
|
|
37
|
-
className: classes.marginDense
|
|
38
|
-
}))
|
|
39
|
-
),
|
|
40
|
-
isActive(height) && React.createElement(
|
|
41
|
-
Grid,
|
|
42
|
-
{ item: true, xs: 12 },
|
|
43
|
-
React.createElement(Input, _extends({}, height, {
|
|
44
|
-
value: height.value || '',
|
|
45
|
-
label: R.prop('height', labels),
|
|
46
|
-
fullWidth: true,
|
|
47
|
-
type: 'number',
|
|
48
|
-
InputProps: {
|
|
49
|
-
endAdornment: React.createElement(
|
|
50
|
-
InputAdornment,
|
|
51
|
-
{ position: 'end' },
|
|
52
|
-
'px'
|
|
53
|
-
)
|
|
54
|
-
},
|
|
55
|
-
className: classes.marginDense
|
|
56
|
-
}))
|
|
57
|
-
)
|
|
58
|
-
);
|
|
59
|
-
};
|
|
60
|
-
SizeConfig.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
61
|
-
height: PropTypes.object,
|
|
62
|
-
labels: PropTypes.object,
|
|
63
|
-
width: PropTypes.object,
|
|
64
|
-
hasOnSubmit: PropTypes.bool
|
|
65
|
-
} : {};
|
|
66
|
-
|
|
67
|
-
export default SizeConfig;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
2
|
-
|
|
3
|
-
import * as R from 'ramda';
|
|
4
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
5
|
-
|
|
6
|
-
export var useStyles = makeStyles(function (theme) {
|
|
7
|
-
return {
|
|
8
|
-
gridItemSpace: {
|
|
9
|
-
marginTop: theme.spacing(1)
|
|
10
|
-
},
|
|
11
|
-
root: _extends({
|
|
12
|
-
padding: theme.spacing(0, 2, 1, 2)
|
|
13
|
-
}, R.pathOr({}, ['mixins', 'chartsConfig', 'root'], theme)),
|
|
14
|
-
containerTitle: {
|
|
15
|
-
display: 'inline-flex'
|
|
16
|
-
},
|
|
17
|
-
divider: {
|
|
18
|
-
width: '100%',
|
|
19
|
-
margin: theme.spacing(2, 0)
|
|
20
|
-
},
|
|
21
|
-
title: {
|
|
22
|
-
fontFamily: 'inherit'
|
|
23
|
-
},
|
|
24
|
-
buttonContainer: {
|
|
25
|
-
margin: theme.spacing(2, 0)
|
|
26
|
-
},
|
|
27
|
-
greyVariant: {
|
|
28
|
-
backgroundColor: theme.palette.secondary.dark,
|
|
29
|
-
color: theme.palette.grey[600],
|
|
30
|
-
padding: theme.spacing(2),
|
|
31
|
-
height: '100%'
|
|
32
|
-
},
|
|
33
|
-
axis: {
|
|
34
|
-
paddingTop: '0px !important', // spacing items
|
|
35
|
-
paddingBottom: '0px !important' // spacing items
|
|
36
|
-
},
|
|
37
|
-
ellipsis: {
|
|
38
|
-
whiteSpace: 'nowrap',
|
|
39
|
-
overflow: 'hidden',
|
|
40
|
-
textOverflow: 'ellipsis',
|
|
41
|
-
flexFlow: 'nowrap'
|
|
42
|
-
},
|
|
43
|
-
marginDense: {
|
|
44
|
-
marginBottom: '0px !important'
|
|
45
|
-
},
|
|
46
|
-
wrapper: {
|
|
47
|
-
'& fieldset': {
|
|
48
|
-
minWidth: 44
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
});
|
package/lib/ChartsConfig/Axis.js
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
6
|
-
|
|
7
|
-
var _react = require('react');
|
|
8
|
-
|
|
9
|
-
var _react2 = _interopRequireDefault(_react);
|
|
10
|
-
|
|
11
|
-
var _propTypes = require('prop-types');
|
|
12
|
-
|
|
13
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
14
|
-
|
|
15
|
-
var _ramda = require('ramda');
|
|
16
|
-
|
|
17
|
-
var R = _interopRequireWildcard(_ramda);
|
|
18
|
-
|
|
19
|
-
var _Grid = require('@material-ui/core/Grid');
|
|
20
|
-
|
|
21
|
-
var _Grid2 = _interopRequireDefault(_Grid);
|
|
22
|
-
|
|
23
|
-
var _Input = require('./Input');
|
|
24
|
-
|
|
25
|
-
var _Input2 = _interopRequireDefault(_Input);
|
|
26
|
-
|
|
27
|
-
var _utils = require('./utils');
|
|
28
|
-
|
|
29
|
-
var _ContainerTitle = require('./ContainerTitle');
|
|
30
|
-
|
|
31
|
-
var _ContainerTitle2 = _interopRequireDefault(_ContainerTitle);
|
|
32
|
-
|
|
33
|
-
var _styles = require('./styles');
|
|
34
|
-
|
|
35
|
-
var _classnames = require('classnames');
|
|
36
|
-
|
|
37
|
-
var _classnames2 = _interopRequireDefault(_classnames);
|
|
38
|
-
|
|
39
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
40
|
-
|
|
41
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
42
|
-
|
|
43
|
-
var AxisConfig = function AxisConfig(_ref) {
|
|
44
|
-
var icon = _ref.icon,
|
|
45
|
-
label = _ref.label,
|
|
46
|
-
labels = _ref.labels,
|
|
47
|
-
max = _ref.max,
|
|
48
|
-
min = _ref.min,
|
|
49
|
-
pivot = _ref.pivot,
|
|
50
|
-
step = _ref.step;
|
|
51
|
-
|
|
52
|
-
var classes = (0, _styles.useStyles)();
|
|
53
|
-
return _react2.default.createElement(
|
|
54
|
-
_ContainerTitle2.default,
|
|
55
|
-
{ variant: 'grey', icon: icon, label: label, gridItemProps: { xs: 12 } },
|
|
56
|
-
_react2.default.createElement(
|
|
57
|
-
_Grid2.default,
|
|
58
|
-
{ container: true, spacing: 1, className: classes.inputContainer },
|
|
59
|
-
(0, _utils.isActive)(min) && _react2.default.createElement(
|
|
60
|
-
_Grid2.default,
|
|
61
|
-
{ item: true, xs: 12, sm: 12, md: 6, lg: 4, className: (0, _classnames2.default)(classes.axis, classes.wrapper) },
|
|
62
|
-
_react2.default.createElement(_Input2.default, _extends({}, min, {
|
|
63
|
-
value: R.when(R.isNil, R.always(''))(min.value),
|
|
64
|
-
type: 'number',
|
|
65
|
-
label: R.prop('min', labels),
|
|
66
|
-
fullWidth: true,
|
|
67
|
-
InputProps: {
|
|
68
|
-
endAdornment: null
|
|
69
|
-
}
|
|
70
|
-
}))
|
|
71
|
-
),
|
|
72
|
-
(0, _utils.isActive)(max) && _react2.default.createElement(
|
|
73
|
-
_Grid2.default,
|
|
74
|
-
{ item: true, xs: 12, sm: 12, md: 6, lg: 4, className: (0, _classnames2.default)(classes.axis, classes.wrapper) },
|
|
75
|
-
_react2.default.createElement(_Input2.default, _extends({}, max, {
|
|
76
|
-
value: R.when(R.isNil, R.always(''))(max.value),
|
|
77
|
-
type: 'number',
|
|
78
|
-
label: R.prop('max', labels),
|
|
79
|
-
fullWidth: true,
|
|
80
|
-
InputProps: {
|
|
81
|
-
endAdornment: null
|
|
82
|
-
}
|
|
83
|
-
}))
|
|
84
|
-
),
|
|
85
|
-
(0, _utils.isActive)(pivot) && _react2.default.createElement(
|
|
86
|
-
_Grid2.default,
|
|
87
|
-
{ item: true, xs: 12, sm: 12, md: 6, lg: 4, className: (0, _classnames2.default)(classes.axis, classes.wrapper) },
|
|
88
|
-
_react2.default.createElement(_Input2.default, _extends({}, pivot, {
|
|
89
|
-
value: R.when(R.isNil, R.always(''))(pivot.value),
|
|
90
|
-
type: 'number',
|
|
91
|
-
label: R.prop('pivot', labels),
|
|
92
|
-
fullWidth: true,
|
|
93
|
-
InputProps: {
|
|
94
|
-
endAdornment: null
|
|
95
|
-
}
|
|
96
|
-
}))
|
|
97
|
-
),
|
|
98
|
-
(0, _utils.isActive)(step) && _react2.default.createElement(
|
|
99
|
-
_Grid2.default,
|
|
100
|
-
{ item: true, xs: 12, sm: 12, md: 6, lg: 4, className: (0, _classnames2.default)(classes.axis, classes.wrapper) },
|
|
101
|
-
_react2.default.createElement(_Input2.default, _extends({}, step, {
|
|
102
|
-
value: R.when(R.isNil, R.always(''))(step.value),
|
|
103
|
-
type: 'number',
|
|
104
|
-
label: R.prop('step', labels),
|
|
105
|
-
fullWidth: true,
|
|
106
|
-
InputProps: {
|
|
107
|
-
endAdornment: null
|
|
108
|
-
}
|
|
109
|
-
}))
|
|
110
|
-
)
|
|
111
|
-
)
|
|
112
|
-
);
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
AxisConfig.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
116
|
-
icon: _propTypes2.default.node,
|
|
117
|
-
label: _propTypes2.default.string,
|
|
118
|
-
labels: _propTypes2.default.object,
|
|
119
|
-
max: _propTypes2.default.object,
|
|
120
|
-
min: _propTypes2.default.object,
|
|
121
|
-
pivot: _propTypes2.default.object,
|
|
122
|
-
step: _propTypes2.default.object,
|
|
123
|
-
hasOnSubmit: _propTypes2.default.bool,
|
|
124
|
-
onChange: _propTypes2.default.func
|
|
125
|
-
} : {};
|
|
126
|
-
|
|
127
|
-
exports.default = AxisConfig;
|
|
128
|
-
module.exports = exports['default'];
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _react = require('react');
|
|
6
|
-
|
|
7
|
-
var _react2 = _interopRequireDefault(_react);
|
|
8
|
-
|
|
9
|
-
var _propTypes = require('prop-types');
|
|
10
|
-
|
|
11
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
12
|
-
|
|
13
|
-
var _ramda = require('ramda');
|
|
14
|
-
|
|
15
|
-
var R = _interopRequireWildcard(_ramda);
|
|
16
|
-
|
|
17
|
-
var _Grid = require('@material-ui/core/Grid');
|
|
18
|
-
|
|
19
|
-
var _Grid2 = _interopRequireDefault(_Grid);
|
|
20
|
-
|
|
21
|
-
var _Typography = require('@material-ui/core/Typography');
|
|
22
|
-
|
|
23
|
-
var _Typography2 = _interopRequireDefault(_Typography);
|
|
24
|
-
|
|
25
|
-
var _Button = require('@material-ui/core/Button');
|
|
26
|
-
|
|
27
|
-
var _Button2 = _interopRequireDefault(_Button);
|
|
28
|
-
|
|
29
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
30
|
-
|
|
31
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
32
|
-
|
|
33
|
-
var ButtonGroup = function ButtonGroup(_ref) {
|
|
34
|
-
var label = _ref.label,
|
|
35
|
-
labels = _ref.labels,
|
|
36
|
-
onChange = _ref.onChange,
|
|
37
|
-
options = _ref.options,
|
|
38
|
-
value = _ref.value;
|
|
39
|
-
return _react2.default.createElement(
|
|
40
|
-
_Grid2.default,
|
|
41
|
-
{ container: true, alignItems: 'center' },
|
|
42
|
-
_react2.default.createElement(
|
|
43
|
-
_Grid2.default,
|
|
44
|
-
{ item: true, xs: 6 },
|
|
45
|
-
_react2.default.createElement(
|
|
46
|
-
_Typography2.default,
|
|
47
|
-
{ variant: 'body2' },
|
|
48
|
-
label
|
|
49
|
-
)
|
|
50
|
-
),
|
|
51
|
-
_react2.default.createElement(
|
|
52
|
-
_Grid2.default,
|
|
53
|
-
{ item: true, xs: 6 },
|
|
54
|
-
_react2.default.createElement(
|
|
55
|
-
_Grid2.default,
|
|
56
|
-
{ container: true, spacing: 1, justifyContent: 'flex-end' },
|
|
57
|
-
R.map(function (option) {
|
|
58
|
-
return _react2.default.createElement(
|
|
59
|
-
_Grid2.default,
|
|
60
|
-
{ item: true, key: option.value },
|
|
61
|
-
_react2.default.createElement(
|
|
62
|
-
_Button2.default,
|
|
63
|
-
{
|
|
64
|
-
variant: option.value === value ? 'contained' : 'outlined',
|
|
65
|
-
onClick: function onClick() {
|
|
66
|
-
return onChange(option.value);
|
|
67
|
-
},
|
|
68
|
-
color: 'primary'
|
|
69
|
-
},
|
|
70
|
-
_react2.default.createElement(
|
|
71
|
-
_Typography2.default,
|
|
72
|
-
{ variant: 'body2' },
|
|
73
|
-
R.prop(option.value, labels)
|
|
74
|
-
)
|
|
75
|
-
)
|
|
76
|
-
);
|
|
77
|
-
})(options)
|
|
78
|
-
)
|
|
79
|
-
)
|
|
80
|
-
);
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
ButtonGroup.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
84
|
-
label: _propTypes2.default.string,
|
|
85
|
-
labels: _propTypes2.default.object,
|
|
86
|
-
onChange: _propTypes2.default.func,
|
|
87
|
-
options: _propTypes2.default.array,
|
|
88
|
-
value: _propTypes2.default.string
|
|
89
|
-
} : {};
|
|
90
|
-
|
|
91
|
-
exports.default = ButtonGroup;
|
|
92
|
-
module.exports = exports['default'];
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
6
|
-
|
|
7
|
-
var _react = require('react');
|
|
8
|
-
|
|
9
|
-
var _react2 = _interopRequireDefault(_react);
|
|
10
|
-
|
|
11
|
-
var _propTypes = require('prop-types');
|
|
12
|
-
|
|
13
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
14
|
-
|
|
15
|
-
var _ramda = require('ramda');
|
|
16
|
-
|
|
17
|
-
var R = _interopRequireWildcard(_ramda);
|
|
18
|
-
|
|
19
|
-
var _classnames = require('classnames');
|
|
20
|
-
|
|
21
|
-
var _classnames2 = _interopRequireDefault(_classnames);
|
|
22
|
-
|
|
23
|
-
var _Grid = require('@material-ui/core/Grid');
|
|
24
|
-
|
|
25
|
-
var _Grid2 = _interopRequireDefault(_Grid);
|
|
26
|
-
|
|
27
|
-
var _Typography = require('@material-ui/core/Typography');
|
|
28
|
-
|
|
29
|
-
var _Typography2 = _interopRequireDefault(_Typography);
|
|
30
|
-
|
|
31
|
-
var _styles = require('./styles');
|
|
32
|
-
|
|
33
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
34
|
-
|
|
35
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
36
|
-
|
|
37
|
-
var ContainerTitle = function ContainerTitle(_ref) {
|
|
38
|
-
var _cx;
|
|
39
|
-
|
|
40
|
-
var variant = _ref.variant,
|
|
41
|
-
children = _ref.children,
|
|
42
|
-
icon = _ref.icon,
|
|
43
|
-
label = _ref.label,
|
|
44
|
-
gridItemProps = _ref.gridItemProps;
|
|
45
|
-
|
|
46
|
-
var classes = (0, _styles.useStyles)();
|
|
47
|
-
return _react2.default.createElement(
|
|
48
|
-
_Grid2.default,
|
|
49
|
-
_extends({
|
|
50
|
-
item: true
|
|
51
|
-
}, gridItemProps, {
|
|
52
|
-
className: (0, _classnames2.default)((_cx = {}, _cx[classes.greyVariant] = R.equals(variant, 'grey'), _cx))
|
|
53
|
-
}),
|
|
54
|
-
_react2.default.createElement(
|
|
55
|
-
_Grid2.default,
|
|
56
|
-
{ container: true },
|
|
57
|
-
_react2.default.createElement(
|
|
58
|
-
_Grid2.default,
|
|
59
|
-
{ item: true, xs: 12, className: (0, _classnames2.default)(classes.gridItemSpace, classes.containerTitle) },
|
|
60
|
-
R.not(R.isNil(icon)) && icon,
|
|
61
|
-
_react2.default.createElement(
|
|
62
|
-
_Typography2.default,
|
|
63
|
-
{ variant: 'h6', className: classes.title },
|
|
64
|
-
label
|
|
65
|
-
)
|
|
66
|
-
)
|
|
67
|
-
),
|
|
68
|
-
children
|
|
69
|
-
);
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
ContainerTitle.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
73
|
-
label: _propTypes2.default.string,
|
|
74
|
-
variant: _propTypes2.default.string,
|
|
75
|
-
icon: _propTypes2.default.node,
|
|
76
|
-
gridItemProps: _propTypes2.default.object,
|
|
77
|
-
onSubmit: _propTypes2.default.func,
|
|
78
|
-
children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node])
|
|
79
|
-
} : {};
|
|
80
|
-
|
|
81
|
-
exports.default = ContainerTitle;
|
|
82
|
-
module.exports = exports['default'];
|