@sis-cc/dotstatsuite-visions 7.17.12 → 7.18.0

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.
Files changed (45) hide show
  1. package/es/ChartsConfig/ChartsConfig.js +368 -116
  2. package/es/ChartsConfig/Input.js +1 -0
  3. package/es/ChartsConfig/InputProxy.js +54 -0
  4. package/es/ChartsConfig/Proxy.js +20 -0
  5. package/es/ChartsConfig/Title.js +38 -0
  6. package/es/ChartsConfig/index.js +1 -1
  7. package/es/ChartsConfig/useAxisOptions.js +9 -0
  8. package/es/ChartsConfig/useDimensionOptions.js +12 -0
  9. package/es/ChartsConfig/useFocusOptions.js +22 -0
  10. package/es/ChartsConfig/utils.js +3 -9
  11. package/es/DataEdit/DataEdit.js +50 -75
  12. package/es/ExpansionPanel/ExpansionPanel.js +10 -3
  13. package/es/ExpansionPanel/index.js +1 -0
  14. package/es/ExpansionPanel/styles.js +6 -1
  15. package/es/Select/Select.js +11 -4
  16. package/lib/ChartsConfig/ChartsConfig.js +380 -128
  17. package/lib/ChartsConfig/Input.js +1 -0
  18. package/lib/ChartsConfig/InputProxy.js +75 -0
  19. package/lib/ChartsConfig/Proxy.js +34 -0
  20. package/lib/ChartsConfig/Title.js +57 -0
  21. package/lib/ChartsConfig/useAxisOptions.js +18 -0
  22. package/lib/ChartsConfig/useDimensionOptions.js +22 -0
  23. package/lib/ChartsConfig/useFocusOptions.js +32 -0
  24. package/lib/ChartsConfig/utils.js +4 -10
  25. package/lib/DataEdit/DataEdit.js +50 -79
  26. package/lib/ExpansionPanel/ExpansionPanel.js +10 -3
  27. package/lib/ExpansionPanel/styles.js +6 -1
  28. package/lib/Select/Select.js +12 -4
  29. package/package.json +1 -1
  30. package/es/ChartsConfig/Axis.js +0 -96
  31. package/es/ChartsConfig/ButtonGroup.js +0 -66
  32. package/es/ChartsConfig/ContainerTitle.js +0 -55
  33. package/es/ChartsConfig/Focus.js +0 -69
  34. package/es/ChartsConfig/Frequency.js +0 -51
  35. package/es/ChartsConfig/Series.js +0 -66
  36. package/es/ChartsConfig/Size.js +0 -67
  37. package/es/ChartsConfig/styles.js +0 -52
  38. package/lib/ChartsConfig/Axis.js +0 -128
  39. package/lib/ChartsConfig/ButtonGroup.js +0 -92
  40. package/lib/ChartsConfig/ContainerTitle.js +0 -82
  41. package/lib/ChartsConfig/Focus.js +0 -97
  42. package/lib/ChartsConfig/Frequency.js +0 -78
  43. package/lib/ChartsConfig/Series.js +0 -97
  44. package/lib/ChartsConfig/Size.js +0 -98
  45. package/lib/ChartsConfig/styles.js +0 -62
@@ -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;
@@ -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
- });
@@ -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'];