@sis-cc/dotstatsuite-components 8.11.1 → 8.14.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/lib/app.js +13 -5
- package/lib/rules/src/chart/getChartOptions.js +8 -4
- package/lib/rules/src/factories/stacked-dimension.js +17 -23
- package/lib/rules/src/factories/stacked-series.js +82 -158
- package/lib/rules/src/index.js +3 -6
- package/lib/rules/src/properties/index.js +2 -1
- package/lib/rules/src/properties/stacked.js +35 -11
- package/lib/rules/src/properties/utils.js +7 -1
- package/lib/rules-driver/src/app.js +116 -167
- package/lib/viewer/src/chartUtils/series.js +4 -0
- package/lib/viewer/src/legends/SeriesLegend.js +3 -1
- package/package.json +2 -2
- package/src/app.js +10 -5
- package/src/rules/src/chart/getChartOptions.js +1 -0
- package/src/rules/src/factories/stacked-dimension.js +14 -10
- package/src/rules/src/factories/stacked-series.js +102 -94
- package/src/rules/src/index.js +1 -2
- package/src/rules/src/properties/index.js +3 -1
- package/src/rules/src/properties/stacked.js +23 -7
- package/src/rules/src/properties/utils.js +8 -3
- package/src/rules-driver/src/app.js +116 -132
- package/src/rules-driver/src/mocks/data1.json +332 -0
- package/src/rules-driver/src/mocks/data2.json +309 -0
- package/src/viewer/src/chartUtils/series.js +4 -0
- package/src/viewer/src/legends/SeriesLegend.js +4 -1
- package/lib/rules-driver/src/app/chart.js +0 -52
- package/lib/rules-driver/src/app/config-axis.js +0 -95
- package/lib/rules-driver/src/app/config-buttons.js +0 -47
- package/lib/rules-driver/src/app/config-input.js +0 -51
- package/lib/rules-driver/src/app/config-select.js +0 -57
- package/lib/rules-driver/src/app/config-t4size.js +0 -61
- package/lib/rules-driver/src/app/config1.js +0 -148
- package/lib/rules-driver/src/app/menu.js +0 -44
- package/lib/rules-driver/src/app/viewer1.js +0 -39
- package/lib/rules-driver/src/app/viewer2.js +0 -115
- package/src/rules-driver/src/app/chart.js +0 -18
- package/src/rules-driver/src/app/config-axis.js +0 -54
- package/src/rules-driver/src/app/config-buttons.js +0 -27
- package/src/rules-driver/src/app/config-input.js +0 -35
- package/src/rules-driver/src/app/config-select.js +0 -25
- package/src/rules-driver/src/app/config-t4size.js +0 -50
- package/src/rules-driver/src/app/config1.js +0 -120
- package/src/rules-driver/src/app/menu.js +0 -27
- package/src/rules-driver/src/app/viewer1.js +0 -18
- package/src/rules-driver/src/app/viewer2.js +0 -77
- package/src/rules-driver/src/mocks/ecb.json +0 -2069
- package/src/rules-driver/src/mocks/ins.json +0 -264
- package/src/rules-driver/src/mocks/oecd-time.json +0 -864
- package/src/rules-driver/src/mocks/oecd.json +0 -372
- package/src/rules-driver/src/mocks/tunisia.json +0 -333
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
8
|
-
|
|
9
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
10
|
-
|
|
11
|
-
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
|
12
|
-
|
|
13
|
-
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
14
|
-
|
|
15
|
-
var _react = require('react');
|
|
16
|
-
|
|
17
|
-
var _react2 = _interopRequireDefault(_react);
|
|
18
|
-
|
|
19
|
-
var _src = require('../../../chart/src');
|
|
20
|
-
|
|
21
|
-
var _src2 = _interopRequireDefault(_src);
|
|
22
|
-
|
|
23
|
-
var _src3 = require('../../../rules/src');
|
|
24
|
-
|
|
25
|
-
var _ramda = require('ramda');
|
|
26
|
-
|
|
27
|
-
var _glamorous = require('glamorous');
|
|
28
|
-
|
|
29
|
-
var _glamorous2 = _interopRequireDefault(_glamorous);
|
|
30
|
-
|
|
31
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
32
|
-
|
|
33
|
-
var Container = _glamorous2.default.div({
|
|
34
|
-
marginBottom: 15,
|
|
35
|
-
marginTop: 15
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
var Chart = function Chart(_ref) {
|
|
39
|
-
var type = _ref.type,
|
|
40
|
-
rest = (0, _objectWithoutProperties3.default)(_ref, ['type']);
|
|
41
|
-
return (0, _ramda.has)(type, _src3.chartTypes) ? _react2.default.createElement(
|
|
42
|
-
Container,
|
|
43
|
-
null,
|
|
44
|
-
_react2.default.createElement(_src2.default, (0, _extends3.default)({}, rest, { type: type }))
|
|
45
|
-
) : _react2.default.createElement(
|
|
46
|
-
Container,
|
|
47
|
-
null,
|
|
48
|
-
'Not a Chart Type'
|
|
49
|
-
);
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
exports.default = Chart;
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
8
|
-
|
|
9
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
10
|
-
|
|
11
|
-
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
|
12
|
-
|
|
13
|
-
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
14
|
-
|
|
15
|
-
var _react = require('react');
|
|
16
|
-
|
|
17
|
-
var _react2 = _interopRequireDefault(_react);
|
|
18
|
-
|
|
19
|
-
var _configInput = require('./config-input');
|
|
20
|
-
|
|
21
|
-
var _configInput2 = _interopRequireDefault(_configInput);
|
|
22
|
-
|
|
23
|
-
var _glamorous = require('glamorous');
|
|
24
|
-
|
|
25
|
-
var _glamorous2 = _interopRequireDefault(_glamorous);
|
|
26
|
-
|
|
27
|
-
var _core = require('@blueprintjs/core');
|
|
28
|
-
|
|
29
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
30
|
-
|
|
31
|
-
var Content = _glamorous2.default.div({
|
|
32
|
-
display: 'flex',
|
|
33
|
-
flexDirection: 'row',
|
|
34
|
-
flexWrap: 'wrap',
|
|
35
|
-
justifyContent: 'space-between'
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
var Callout = _glamorous2.default.div({ marginBottom: 10 });
|
|
39
|
-
|
|
40
|
-
var activeComponent = function activeComponent(Component) {
|
|
41
|
-
return function (_ref) {
|
|
42
|
-
var isActive = _ref.isActive,
|
|
43
|
-
rest = (0, _objectWithoutProperties3.default)(_ref, ['isActive']);
|
|
44
|
-
return isActive ? _react2.default.createElement(Component, rest) : null;
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var ConfigInput = activeComponent(_configInput2.default);
|
|
49
|
-
|
|
50
|
-
var ConfigAxis = function ConfigAxis(_ref2) {
|
|
51
|
-
var label = _ref2.label,
|
|
52
|
-
max = _ref2.max,
|
|
53
|
-
min = _ref2.min,
|
|
54
|
-
pivot = _ref2.pivot,
|
|
55
|
-
step = _ref2.step;
|
|
56
|
-
|
|
57
|
-
if (!max.isActive && !min.isActive && !pivot.isActive && !step.isActive) {
|
|
58
|
-
return null;
|
|
59
|
-
}
|
|
60
|
-
return _react2.default.createElement(
|
|
61
|
-
Callout,
|
|
62
|
-
null,
|
|
63
|
-
_react2.default.createElement(
|
|
64
|
-
'div',
|
|
65
|
-
{ className: _core.Classes.CALLOUT },
|
|
66
|
-
_react2.default.createElement(
|
|
67
|
-
'h5',
|
|
68
|
-
null,
|
|
69
|
-
label
|
|
70
|
-
),
|
|
71
|
-
_react2.default.createElement(
|
|
72
|
-
Content,
|
|
73
|
-
null,
|
|
74
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, min, {
|
|
75
|
-
label: 'Min Value',
|
|
76
|
-
isControlled: false
|
|
77
|
-
})),
|
|
78
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, max, {
|
|
79
|
-
label: 'Max Value',
|
|
80
|
-
isControlled: false
|
|
81
|
-
})),
|
|
82
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, pivot, {
|
|
83
|
-
label: 'Pivot Value',
|
|
84
|
-
isControlled: false
|
|
85
|
-
})),
|
|
86
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, step, {
|
|
87
|
-
label: 'Step Value',
|
|
88
|
-
isControlled: false
|
|
89
|
-
}))
|
|
90
|
-
)
|
|
91
|
-
)
|
|
92
|
-
);
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
exports.default = ConfigAxis;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ConfigButtons = undefined;
|
|
7
|
-
|
|
8
|
-
var _react = require('react');
|
|
9
|
-
|
|
10
|
-
var _react2 = _interopRequireDefault(_react);
|
|
11
|
-
|
|
12
|
-
var _ramda = require('ramda');
|
|
13
|
-
|
|
14
|
-
var _core = require('@blueprintjs/core');
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
var ConfigButtons = exports.ConfigButtons = function ConfigButtons(_ref) {
|
|
19
|
-
var label = _ref.label,
|
|
20
|
-
onChange = _ref.onChange,
|
|
21
|
-
options = _ref.options,
|
|
22
|
-
value = _ref.value;
|
|
23
|
-
return _react2.default.createElement(
|
|
24
|
-
'label',
|
|
25
|
-
{ className: 'pt-label pt-inline' },
|
|
26
|
-
label,
|
|
27
|
-
_react2.default.createElement(
|
|
28
|
-
_core.ButtonGroup,
|
|
29
|
-
null,
|
|
30
|
-
(0, _ramda.map)(function (option) {
|
|
31
|
-
return _react2.default.createElement(
|
|
32
|
-
_core.Button,
|
|
33
|
-
{
|
|
34
|
-
active: option.value === value,
|
|
35
|
-
key: option.value,
|
|
36
|
-
onClick: function onClick() {
|
|
37
|
-
return onChange(option.value);
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
option.label
|
|
41
|
-
);
|
|
42
|
-
}, options)
|
|
43
|
-
)
|
|
44
|
-
);
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
exports.default = ConfigButtons;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _react = require('react');
|
|
8
|
-
|
|
9
|
-
var _react2 = _interopRequireDefault(_react);
|
|
10
|
-
|
|
11
|
-
var _core = require('@blueprintjs/core');
|
|
12
|
-
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
|
|
15
|
-
var ConfigInput = function ConfigInput(_ref) {
|
|
16
|
-
var isControlled = _ref.isControlled,
|
|
17
|
-
label = _ref.label,
|
|
18
|
-
leftIcon = _ref.leftIcon,
|
|
19
|
-
onChange = _ref.onChange,
|
|
20
|
-
placeholder = _ref.placeholder,
|
|
21
|
-
value = _ref.value;
|
|
22
|
-
|
|
23
|
-
var submit = function submit(e) {
|
|
24
|
-
return onChange(e.target.value);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
var commit = function commit(e) {
|
|
28
|
-
if (e.key === 'Enter') {
|
|
29
|
-
e.preventDefault();
|
|
30
|
-
submit(e);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
return _react2.default.createElement(
|
|
34
|
-
'label',
|
|
35
|
-
{ className: 'pt-label' },
|
|
36
|
-
label,
|
|
37
|
-
isControlled ? _react2.default.createElement(_core.InputGroup, {
|
|
38
|
-
value: value,
|
|
39
|
-
leftIconName: leftIcon,
|
|
40
|
-
onChange: submit,
|
|
41
|
-
placeholder: placeholder
|
|
42
|
-
}) : _react2.default.createElement(_core.InputGroup, {
|
|
43
|
-
defaultValue: value,
|
|
44
|
-
leftIconName: leftIcon,
|
|
45
|
-
onKeyPress: commit,
|
|
46
|
-
placeholder: placeholder
|
|
47
|
-
})
|
|
48
|
-
);
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
exports.default = ConfigInput;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
8
|
-
|
|
9
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
10
|
-
|
|
11
|
-
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
|
12
|
-
|
|
13
|
-
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
14
|
-
|
|
15
|
-
var _react = require('react');
|
|
16
|
-
|
|
17
|
-
var _react2 = _interopRequireDefault(_react);
|
|
18
|
-
|
|
19
|
-
var _reactSelect = require('react-select');
|
|
20
|
-
|
|
21
|
-
var _reactSelect2 = _interopRequireDefault(_reactSelect);
|
|
22
|
-
|
|
23
|
-
var _glamorous = require('glamorous');
|
|
24
|
-
|
|
25
|
-
var _glamorous2 = _interopRequireDefault(_glamorous);
|
|
26
|
-
|
|
27
|
-
var _ramda = require('ramda');
|
|
28
|
-
|
|
29
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
30
|
-
|
|
31
|
-
var Container = _glamorous2.default.div({
|
|
32
|
-
'& .Select-menu-outer': {
|
|
33
|
-
zIndex: 5
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
var ConfigSelect = function ConfigSelect(_ref) {
|
|
38
|
-
var label = _ref.label,
|
|
39
|
-
multi = _ref.multi,
|
|
40
|
-
value = _ref.value,
|
|
41
|
-
rest = (0, _objectWithoutProperties3.default)(_ref, ['label', 'multi', 'value']);
|
|
42
|
-
return _react2.default.createElement(
|
|
43
|
-
Container,
|
|
44
|
-
null,
|
|
45
|
-
_react2.default.createElement(
|
|
46
|
-
'label',
|
|
47
|
-
{ className: 'pt-label pt-inline' },
|
|
48
|
-
label,
|
|
49
|
-
_react2.default.createElement(_reactSelect2.default, (0, _extends3.default)({}, rest, {
|
|
50
|
-
multi: multi,
|
|
51
|
-
value: (0, _ramda.is)(Array, value) && !multi ? (0, _ramda.head)(value) : value
|
|
52
|
-
}))
|
|
53
|
-
)
|
|
54
|
-
);
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
exports.default = ConfigSelect;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _react = require('react');
|
|
8
|
-
|
|
9
|
-
var _react2 = _interopRequireDefault(_react);
|
|
10
|
-
|
|
11
|
-
var _ramda = require('ramda');
|
|
12
|
-
|
|
13
|
-
var R = _interopRequireWildcard(_ramda);
|
|
14
|
-
|
|
15
|
-
var _configSelect = require('./config-select');
|
|
16
|
-
|
|
17
|
-
var _configSelect2 = _interopRequireDefault(_configSelect);
|
|
18
|
-
|
|
19
|
-
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; } }
|
|
20
|
-
|
|
21
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
-
|
|
23
|
-
var t4Options = [{ label: 'oecd.org/T4: 3 columns (width 270 px)', value: 'T4/3' }, { label: 'oecd.org/T4: 4 columns (width 370 px)', value: 'T4/4' }, { label: 'oecd.org/T4: 6 columns (width 560 px)', value: 'T4/6' }, { label: 'oecd.org/T4: 8 columns (width 760 px)', value: 'T4/8' }, { label: 'oecd.org/T4: 9 columns (width 855 px)', value: 'T4/9' }, { label: 'oecd.org/T4: 12 columns (width 1140 px)', value: 'T4/12' }];
|
|
24
|
-
|
|
25
|
-
var t4Values = [{ value: 'T4/3', width: 270, height: 203 }, { value: 'T4/4', width: 370, height: 278 }, { value: 'T4/6', width: 560, height: 420 }, { value: 'T4/8', width: 760, height: 570 }, { value: 'T4/9', width: 855, height: 642 }, { value: 'T4/12', width: 1140, height: 855 }];
|
|
26
|
-
|
|
27
|
-
var ConfigT4 = function ConfigT4(_ref) {
|
|
28
|
-
var height = _ref.height,
|
|
29
|
-
onChange = _ref.onChange,
|
|
30
|
-
width = _ref.width;
|
|
31
|
-
|
|
32
|
-
var _value = R.find(function (val) {
|
|
33
|
-
return R.propEq('width', width, val) && R.propEq('height', height, val);
|
|
34
|
-
}, t4Values);
|
|
35
|
-
var value = R.isNil(_value) ? undefined : R.prop('value', _value);
|
|
36
|
-
var option = R.find(function (opt) {
|
|
37
|
-
return R.propEq('value', value, opt);
|
|
38
|
-
}, t4Options);
|
|
39
|
-
|
|
40
|
-
var onSelect = function onSelect(selection) {
|
|
41
|
-
if (R.isNil(selection)) {
|
|
42
|
-
onChange({ width: undefined, height: undefined });
|
|
43
|
-
} else {
|
|
44
|
-
var selectedValue = R.find(function (val) {
|
|
45
|
-
return R.propEq('value', selection.value, val);
|
|
46
|
-
}, t4Values);
|
|
47
|
-
onChange(R.pick(['height', 'width'], selectedValue));
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
return _react2.default.createElement(_configSelect2.default, {
|
|
52
|
-
label: 'T4 Formats',
|
|
53
|
-
multi: false,
|
|
54
|
-
clearable: true,
|
|
55
|
-
value: option,
|
|
56
|
-
onChange: onSelect,
|
|
57
|
-
options: t4Options
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
exports.default = ConfigT4;
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
8
|
-
|
|
9
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
10
|
-
|
|
11
|
-
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
|
12
|
-
|
|
13
|
-
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
14
|
-
|
|
15
|
-
var _react = require('react');
|
|
16
|
-
|
|
17
|
-
var _react2 = _interopRequireDefault(_react);
|
|
18
|
-
|
|
19
|
-
var _configSelect = require('./config-select');
|
|
20
|
-
|
|
21
|
-
var _configSelect2 = _interopRequireDefault(_configSelect);
|
|
22
|
-
|
|
23
|
-
var _configInput = require('./config-input');
|
|
24
|
-
|
|
25
|
-
var _configInput2 = _interopRequireDefault(_configInput);
|
|
26
|
-
|
|
27
|
-
var _configButtons = require('./config-buttons');
|
|
28
|
-
|
|
29
|
-
var _configButtons2 = _interopRequireDefault(_configButtons);
|
|
30
|
-
|
|
31
|
-
var _configAxis = require('./config-axis');
|
|
32
|
-
|
|
33
|
-
var _configAxis2 = _interopRequireDefault(_configAxis);
|
|
34
|
-
|
|
35
|
-
var _ramda = require('ramda');
|
|
36
|
-
|
|
37
|
-
var _glamorous = require('glamorous');
|
|
38
|
-
|
|
39
|
-
var _glamorous2 = _interopRequireDefault(_glamorous);
|
|
40
|
-
|
|
41
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
42
|
-
|
|
43
|
-
var activeComponent = function activeComponent(Component) {
|
|
44
|
-
return function (_ref) {
|
|
45
|
-
var isActive = _ref.isActive,
|
|
46
|
-
rest = (0, _objectWithoutProperties3.default)(_ref, ['isActive']);
|
|
47
|
-
return isActive ? _react2.default.createElement(Component, rest) : null;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
var ConfigSelect = activeComponent(_configSelect2.default);
|
|
52
|
-
var ConfigInput = activeComponent(_configInput2.default);
|
|
53
|
-
var ConfigButtons = activeComponent(_configButtons2.default);
|
|
54
|
-
|
|
55
|
-
var GDiv = _glamorous2.default.div({ width: '100%' });
|
|
56
|
-
|
|
57
|
-
var Axes = _glamorous2.default.div({
|
|
58
|
-
display: 'flex',
|
|
59
|
-
flexDirection: 'column',
|
|
60
|
-
justifyContent: 'space-between'
|
|
61
|
-
});
|
|
62
|
-
|
|
63
|
-
var Config = function Config(_ref2) {
|
|
64
|
-
var properties = _ref2.properties;
|
|
65
|
-
|
|
66
|
-
return _react2.default.createElement(
|
|
67
|
-
GDiv,
|
|
68
|
-
null,
|
|
69
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('title', properties), {
|
|
70
|
-
isControlled: true,
|
|
71
|
-
label: 'Title of the Chart',
|
|
72
|
-
placeholder: 'Enter a chart title'
|
|
73
|
-
})),
|
|
74
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('subtitle', properties), {
|
|
75
|
-
isControlled: true,
|
|
76
|
-
label: 'Subtitle of the Chart',
|
|
77
|
-
placeholder: 'Enter a chart subtitle'
|
|
78
|
-
})),
|
|
79
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('width', properties), {
|
|
80
|
-
isControlled: false,
|
|
81
|
-
label: 'Width of the Chart',
|
|
82
|
-
leftIcon: 'arrows-horizontal',
|
|
83
|
-
placeholder: 'Enter a numerical value'
|
|
84
|
-
})),
|
|
85
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('height', properties), {
|
|
86
|
-
isControlled: false,
|
|
87
|
-
label: 'Height of the Chart',
|
|
88
|
-
leftIcon: 'arrows-vertical',
|
|
89
|
-
placeholder: 'Enter a numerical value'
|
|
90
|
-
})),
|
|
91
|
-
_react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('scatterDimension', properties), {
|
|
92
|
-
label: 'Scatter Dimension',
|
|
93
|
-
multi: false,
|
|
94
|
-
clearable: false
|
|
95
|
-
})),
|
|
96
|
-
_react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('scatterX', properties), {
|
|
97
|
-
label: 'Scatter Value For X Axis',
|
|
98
|
-
multi: false,
|
|
99
|
-
clearable: false
|
|
100
|
-
})),
|
|
101
|
-
_react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('scatterY', properties), {
|
|
102
|
-
label: 'Scatter Value For Y Axis',
|
|
103
|
-
multi: false,
|
|
104
|
-
clearable: false
|
|
105
|
-
})),
|
|
106
|
-
_react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('symbolDimension', properties), {
|
|
107
|
-
label: 'Symbol Dimension',
|
|
108
|
-
multi: false,
|
|
109
|
-
clearable: false
|
|
110
|
-
})),
|
|
111
|
-
_react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('stackedDimension', properties), {
|
|
112
|
-
label: 'Stacked Dimension',
|
|
113
|
-
multi: false,
|
|
114
|
-
clearable: false
|
|
115
|
-
})),
|
|
116
|
-
_react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('highlight', properties), {
|
|
117
|
-
label: 'Highlight Selection',
|
|
118
|
-
multi: true,
|
|
119
|
-
clearable: true
|
|
120
|
-
})),
|
|
121
|
-
_react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('baseline', properties), {
|
|
122
|
-
label: 'Baseline Selection',
|
|
123
|
-
multi: false,
|
|
124
|
-
clearable: true
|
|
125
|
-
})),
|
|
126
|
-
_react2.default.createElement(ConfigButtons, (0, _ramda.prop)('display', properties)),
|
|
127
|
-
_react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('freqStep', properties), {
|
|
128
|
-
isControlled: false,
|
|
129
|
-
label: 'Timeline Axis Frequency Step'
|
|
130
|
-
})),
|
|
131
|
-
_react2.default.createElement(_configAxis2.default, {
|
|
132
|
-
label: 'Axe X',
|
|
133
|
-
max: (0, _ramda.prop)('maxX', properties),
|
|
134
|
-
min: (0, _ramda.prop)('minX', properties),
|
|
135
|
-
pivot: (0, _ramda.prop)('pivotX', properties),
|
|
136
|
-
step: (0, _ramda.prop)('stepX', properties)
|
|
137
|
-
}),
|
|
138
|
-
_react2.default.createElement(_configAxis2.default, {
|
|
139
|
-
label: 'Axe Y',
|
|
140
|
-
max: (0, _ramda.prop)('maxY', properties),
|
|
141
|
-
min: (0, _ramda.prop)('minY', properties),
|
|
142
|
-
pivot: (0, _ramda.prop)('pivotY', properties),
|
|
143
|
-
step: (0, _ramda.prop)('stepY', properties)
|
|
144
|
-
})
|
|
145
|
-
);
|
|
146
|
-
};
|
|
147
|
-
|
|
148
|
-
exports.default = Config;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _react = require('react');
|
|
8
|
-
|
|
9
|
-
var _react2 = _interopRequireDefault(_react);
|
|
10
|
-
|
|
11
|
-
var _core = require('@blueprintjs/core');
|
|
12
|
-
|
|
13
|
-
var _ramda = require('ramda');
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
|
|
17
|
-
var Menu = function Menu(_ref) {
|
|
18
|
-
var align = _ref.align,
|
|
19
|
-
iconName = _ref.iconName,
|
|
20
|
-
items = _ref.items,
|
|
21
|
-
onChange = _ref.onChange,
|
|
22
|
-
selected = _ref.selected;
|
|
23
|
-
|
|
24
|
-
return _react2.default.createElement(
|
|
25
|
-
'div',
|
|
26
|
-
{ className: 'pt-navbar-group pt-align-' + align },
|
|
27
|
-
(0, _ramda.map)(function (_ref2) {
|
|
28
|
-
var label = _ref2.label,
|
|
29
|
-
value = _ref2.value;
|
|
30
|
-
return _react2.default.createElement(_core.Button, {
|
|
31
|
-
className: 'pt-minimal',
|
|
32
|
-
iconName: iconName,
|
|
33
|
-
onClick: function onClick() {
|
|
34
|
-
return onChange(value);
|
|
35
|
-
},
|
|
36
|
-
active: value === selected,
|
|
37
|
-
key: value,
|
|
38
|
-
text: label
|
|
39
|
-
});
|
|
40
|
-
}, items)
|
|
41
|
-
);
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
exports.default = Menu;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _react = require('react');
|
|
8
|
-
|
|
9
|
-
var _react2 = _interopRequireDefault(_react);
|
|
10
|
-
|
|
11
|
-
var _chart = require('./chart');
|
|
12
|
-
|
|
13
|
-
var _chart2 = _interopRequireDefault(_chart);
|
|
14
|
-
|
|
15
|
-
var _config = require('./config1');
|
|
16
|
-
|
|
17
|
-
var _config2 = _interopRequireDefault(_config);
|
|
18
|
-
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
|
-
|
|
21
|
-
var Viewer = function Viewer(_ref) {
|
|
22
|
-
var chartData = _ref.chartData,
|
|
23
|
-
chartOptions = _ref.chartOptions,
|
|
24
|
-
properties = _ref.properties,
|
|
25
|
-
type = _ref.type;
|
|
26
|
-
|
|
27
|
-
return _react2.default.createElement(
|
|
28
|
-
'div',
|
|
29
|
-
null,
|
|
30
|
-
_react2.default.createElement(_chart2.default, {
|
|
31
|
-
data: chartData,
|
|
32
|
-
options: chartOptions,
|
|
33
|
-
type: type
|
|
34
|
-
}),
|
|
35
|
-
_react2.default.createElement(_config2.default, { properties: properties })
|
|
36
|
-
);
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
exports.default = Viewer;
|