@sis-cc/dotstatsuite-visions 7.22.7 → 7.23.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.
- package/es/Mode/Mode.js +89 -0
- package/es/Mode/index.js +24 -0
- package/es/index.js +1 -0
- package/lib/Mode/Mode.js +117 -0
- package/lib/Mode/index.js +16 -0
- package/lib/index.js +10 -1
- package/package.json +1 -1
package/es/Mode/Mode.js
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
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 { makeStyles } from '@material-ui/core/styles';
|
|
7
|
+
import RadioGroup from '@material-ui/core/RadioGroup';
|
|
8
|
+
import FormControlLabel from '@material-ui/core/FormControlLabel';
|
|
9
|
+
import Radio from '@material-ui/core/Radio';
|
|
10
|
+
import { Tooltip } from '../';
|
|
11
|
+
|
|
12
|
+
var useStyles = makeStyles(function (theme) {
|
|
13
|
+
return {
|
|
14
|
+
title: _extends({
|
|
15
|
+
padding: 0
|
|
16
|
+
}, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
|
|
17
|
+
label: theme.typography.body2,
|
|
18
|
+
icon: {
|
|
19
|
+
marginLeft: theme.spacing(0.5)
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
var Warning = function Warning(_ref) {
|
|
25
|
+
var title = _ref.title,
|
|
26
|
+
children = _ref.children;
|
|
27
|
+
|
|
28
|
+
var classes = useStyles();
|
|
29
|
+
return React.createElement(
|
|
30
|
+
Tooltip,
|
|
31
|
+
{ className: classes.icon, title: title, variant: 'light' },
|
|
32
|
+
children
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
Warning.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
37
|
+
title: PropTypes.string,
|
|
38
|
+
children: PropTypes.node
|
|
39
|
+
} : {};
|
|
40
|
+
|
|
41
|
+
var Mode = function Mode(_ref2) {
|
|
42
|
+
var changeMode = _ref2.changeMode,
|
|
43
|
+
mode = _ref2.mode,
|
|
44
|
+
_ref2$modes = _ref2.modes,
|
|
45
|
+
modes = _ref2$modes === undefined ? [] : _ref2$modes,
|
|
46
|
+
children = _ref2.children;
|
|
47
|
+
|
|
48
|
+
var classes = useStyles();
|
|
49
|
+
return React.createElement(
|
|
50
|
+
RadioGroup,
|
|
51
|
+
{ onChange: function onChange(e) {
|
|
52
|
+
return changeMode(e.target.value);
|
|
53
|
+
}, value: mode },
|
|
54
|
+
R.map(function (_ref3) {
|
|
55
|
+
var label = _ref3.label,
|
|
56
|
+
value = _ref3.value,
|
|
57
|
+
popperLabel = _ref3.popperLabel;
|
|
58
|
+
return React.createElement(FormControlLabel, {
|
|
59
|
+
classes: { label: classes.label },
|
|
60
|
+
key: value,
|
|
61
|
+
control: React.createElement(Radio, { variant: 'outlined', color: 'primary' }),
|
|
62
|
+
label: React.createElement(
|
|
63
|
+
'span',
|
|
64
|
+
null,
|
|
65
|
+
label,
|
|
66
|
+
popperLabel && React.createElement(
|
|
67
|
+
Warning,
|
|
68
|
+
{ title: popperLabel },
|
|
69
|
+
children
|
|
70
|
+
)
|
|
71
|
+
),
|
|
72
|
+
value: value
|
|
73
|
+
});
|
|
74
|
+
})(modes)
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
Mode.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
79
|
+
changeMode: PropTypes.func,
|
|
80
|
+
children: PropTypes.node,
|
|
81
|
+
mode: PropTypes.string,
|
|
82
|
+
modes: PropTypes.arrayOf(PropTypes.shape({
|
|
83
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
84
|
+
value: PropTypes.string,
|
|
85
|
+
popperLabel: PropTypes.string
|
|
86
|
+
}))
|
|
87
|
+
} : {};
|
|
88
|
+
|
|
89
|
+
export default Mode;
|
package/es/Mode/index.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* NoData component is a basic placeholder to use when there is nothing to display.
|
|
3
|
+
*
|
|
4
|
+
* @memberOf VISIONS
|
|
5
|
+
* @name Mode
|
|
6
|
+
* @tag component
|
|
7
|
+
* @api public
|
|
8
|
+
* @props
|
|
9
|
+
* Mode.propTypes = {
|
|
10
|
+
* changeMode: PropTypes.func,
|
|
11
|
+
* mode: PropTypes.string,
|
|
12
|
+
* modes: PropTypes.arrayOf(
|
|
13
|
+
* PropTypes.shape({
|
|
14
|
+
* label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
15
|
+
* value: PropTypes.string,
|
|
16
|
+
* popperLabel: PropTypes.string,
|
|
17
|
+
* }),
|
|
18
|
+
* ,
|
|
19
|
+
* }
|
|
20
|
+
* @theme
|
|
21
|
+
* // no custom theme there
|
|
22
|
+
*/
|
|
23
|
+
|
|
24
|
+
export { default } from './Mode';
|
package/es/index.js
CHANGED
|
@@ -24,6 +24,7 @@ export { default as LabelDivider } from './LabelDivider';
|
|
|
24
24
|
export { default as Loading } from './Loading';
|
|
25
25
|
export { default as Logo } from './Logo';
|
|
26
26
|
export { default as NoData } from './NoData';
|
|
27
|
+
export { default as Mode } from './Mode';
|
|
27
28
|
export { default as Pagination } from './Pagination';
|
|
28
29
|
export { default as PeriodPicker } from './PeriodPicker';
|
|
29
30
|
export { spotlightScopeListEngine, reduceChildren } from './utils';
|
package/lib/Mode/Mode.js
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
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 _styles = require('@material-ui/core/styles');
|
|
20
|
+
|
|
21
|
+
var _RadioGroup = require('@material-ui/core/RadioGroup');
|
|
22
|
+
|
|
23
|
+
var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
|
|
24
|
+
|
|
25
|
+
var _FormControlLabel = require('@material-ui/core/FormControlLabel');
|
|
26
|
+
|
|
27
|
+
var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
|
|
28
|
+
|
|
29
|
+
var _Radio = require('@material-ui/core/Radio');
|
|
30
|
+
|
|
31
|
+
var _Radio2 = _interopRequireDefault(_Radio);
|
|
32
|
+
|
|
33
|
+
var _ = require('../');
|
|
34
|
+
|
|
35
|
+
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; } }
|
|
36
|
+
|
|
37
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
38
|
+
|
|
39
|
+
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
40
|
+
return {
|
|
41
|
+
title: _extends({
|
|
42
|
+
padding: 0
|
|
43
|
+
}, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
|
|
44
|
+
label: theme.typography.body2,
|
|
45
|
+
icon: {
|
|
46
|
+
marginLeft: theme.spacing(0.5)
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
var Warning = function Warning(_ref) {
|
|
52
|
+
var title = _ref.title,
|
|
53
|
+
children = _ref.children;
|
|
54
|
+
|
|
55
|
+
var classes = useStyles();
|
|
56
|
+
return _react2.default.createElement(
|
|
57
|
+
_.Tooltip,
|
|
58
|
+
{ className: classes.icon, title: title, variant: 'light' },
|
|
59
|
+
children
|
|
60
|
+
);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
Warning.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
64
|
+
title: _propTypes2.default.string,
|
|
65
|
+
children: _propTypes2.default.node
|
|
66
|
+
} : {};
|
|
67
|
+
|
|
68
|
+
var Mode = function Mode(_ref2) {
|
|
69
|
+
var changeMode = _ref2.changeMode,
|
|
70
|
+
mode = _ref2.mode,
|
|
71
|
+
_ref2$modes = _ref2.modes,
|
|
72
|
+
modes = _ref2$modes === undefined ? [] : _ref2$modes,
|
|
73
|
+
children = _ref2.children;
|
|
74
|
+
|
|
75
|
+
var classes = useStyles();
|
|
76
|
+
return _react2.default.createElement(
|
|
77
|
+
_RadioGroup2.default,
|
|
78
|
+
{ onChange: function onChange(e) {
|
|
79
|
+
return changeMode(e.target.value);
|
|
80
|
+
}, value: mode },
|
|
81
|
+
R.map(function (_ref3) {
|
|
82
|
+
var label = _ref3.label,
|
|
83
|
+
value = _ref3.value,
|
|
84
|
+
popperLabel = _ref3.popperLabel;
|
|
85
|
+
return _react2.default.createElement(_FormControlLabel2.default, {
|
|
86
|
+
classes: { label: classes.label },
|
|
87
|
+
key: value,
|
|
88
|
+
control: _react2.default.createElement(_Radio2.default, { variant: 'outlined', color: 'primary' }),
|
|
89
|
+
label: _react2.default.createElement(
|
|
90
|
+
'span',
|
|
91
|
+
null,
|
|
92
|
+
label,
|
|
93
|
+
popperLabel && _react2.default.createElement(
|
|
94
|
+
Warning,
|
|
95
|
+
{ title: popperLabel },
|
|
96
|
+
children
|
|
97
|
+
)
|
|
98
|
+
),
|
|
99
|
+
value: value
|
|
100
|
+
});
|
|
101
|
+
})(modes)
|
|
102
|
+
);
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
Mode.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
106
|
+
changeMode: _propTypes2.default.func,
|
|
107
|
+
children: _propTypes2.default.node,
|
|
108
|
+
mode: _propTypes2.default.string,
|
|
109
|
+
modes: _propTypes2.default.arrayOf(_propTypes2.default.shape({
|
|
110
|
+
label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
111
|
+
value: _propTypes2.default.string,
|
|
112
|
+
popperLabel: _propTypes2.default.string
|
|
113
|
+
}))
|
|
114
|
+
} : {};
|
|
115
|
+
|
|
116
|
+
exports.default = Mode;
|
|
117
|
+
module.exports = exports['default'];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
|
|
5
|
+
var _Mode = require('./Mode');
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, 'default', {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _interopRequireDefault(_Mode).default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
module.exports = exports['default'];
|
package/lib/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.HierarchicalFilter = exports.AdvancedFilterDialog = exports.VirtualizedTree = exports.AuthDialog = exports.VerticalButton = exports.UserRightForm = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.Contact = exports.CollapsibleTree = exports.CollapseButtons = exports.GroupedChips = exports.DeleteAllChip = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
|
|
4
|
+
exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.HierarchicalFilter = exports.AdvancedFilterDialog = exports.VirtualizedTree = exports.AuthDialog = exports.VerticalButton = exports.UserRightForm = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.Mode = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.Contact = exports.CollapsibleTree = exports.CollapseButtons = exports.GroupedChips = exports.DeleteAllChip = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
|
|
5
5
|
|
|
6
6
|
var _Alert = require('./Alert');
|
|
7
7
|
|
|
@@ -201,6 +201,15 @@ Object.defineProperty(exports, 'NoData', {
|
|
|
201
201
|
}
|
|
202
202
|
});
|
|
203
203
|
|
|
204
|
+
var _Mode = require('./Mode');
|
|
205
|
+
|
|
206
|
+
Object.defineProperty(exports, 'Mode', {
|
|
207
|
+
enumerable: true,
|
|
208
|
+
get: function get() {
|
|
209
|
+
return _interopRequireDefault(_Mode).default;
|
|
210
|
+
}
|
|
211
|
+
});
|
|
212
|
+
|
|
204
213
|
var _Pagination = require('./Pagination');
|
|
205
214
|
|
|
206
215
|
Object.defineProperty(exports, 'Pagination', {
|