@sis-cc/dotstatsuite-visions 6.6.3 → 7.0.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/AuthDialog/index.js +3 -2
- package/es/CollapsibleTree/Collapse.js +97 -0
- package/es/CollapsibleTree/CollapsibleTree.js +171 -0
- package/es/CollapsibleTree/index.js +44 -0
- package/es/DataEdit/Input.js +1 -1
- package/es/TableHtml5/TableHtml5.js +16 -3
- package/es/TableHtml5/cell.js +8 -2
- package/es/TableHtml5/flags.js +2 -0
- package/es/TableHtml5/header.js +2 -2
- package/es/TableHtml5/section.js +22 -18
- package/es/TableHtml5/sectionHeader.js +6 -2
- package/es/TableHtml5/sideIcon.js +44 -0
- package/es/TableHtml5/subHeader.js +14 -15
- package/es/index.js +1 -1
- package/es/theme.js +13 -0
- package/lib/AuthDialog/index.js +6 -5
- package/lib/CollapsibleTree/Collapse.js +126 -0
- package/lib/CollapsibleTree/CollapsibleTree.js +216 -0
- package/lib/{Table → CollapsibleTree}/index.js +2 -2
- package/lib/DataEdit/Input.js +1 -1
- package/lib/TableHtml5/TableHtml5.js +16 -3
- package/lib/TableHtml5/cell.js +11 -2
- package/lib/TableHtml5/flags.js +2 -0
- package/lib/TableHtml5/header.js +2 -2
- package/lib/TableHtml5/section.js +22 -15
- package/lib/TableHtml5/sectionHeader.js +9 -2
- package/lib/TableHtml5/sideIcon.js +68 -0
- package/lib/TableHtml5/subHeader.js +15 -13
- package/lib/index.js +10 -10
- package/lib/theme.js +13 -0
- package/package.json +6 -7
- package/es/Table/Table.js +0 -170
- package/es/Table/header.js +0 -91
- package/es/Table/index.js +0 -56
- package/es/Table/itemCell.js +0 -54
- package/es/Table/row-header.js +0 -84
- package/es/Table/section-header.js +0 -115
- package/es/Table/section-rows.js +0 -101
- package/es/Table/styles.js +0 -52
- package/es/Table/tableCell.js +0 -29
- package/es/Table/tooltip.js +0 -85
- package/es/Table/useStyles.js +0 -34
- package/es/Table/valueCell.js +0 -63
- package/lib/Table/Table.js +0 -203
- package/lib/Table/header.js +0 -116
- package/lib/Table/itemCell.js +0 -74
- package/lib/Table/row-header.js +0 -113
- package/lib/Table/section-header.js +0 -145
- package/lib/Table/section-rows.js +0 -134
- package/lib/Table/styles.js +0 -69
- package/lib/Table/tableCell.js +0 -50
- package/lib/Table/tooltip.js +0 -104
- package/lib/Table/useStyles.js +0 -41
- package/lib/Table/valueCell.js +0 -86
package/lib/Table/Table.js
DELETED
|
@@ -1,203 +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 _header = require('./header');
|
|
18
|
-
|
|
19
|
-
var _header2 = _interopRequireDefault(_header);
|
|
20
|
-
|
|
21
|
-
var _rowHeader = require('./row-header');
|
|
22
|
-
|
|
23
|
-
var _rowHeader2 = _interopRequireDefault(_rowHeader);
|
|
24
|
-
|
|
25
|
-
var _sectionHeader = require('./section-header');
|
|
26
|
-
|
|
27
|
-
var _sectionHeader2 = _interopRequireDefault(_sectionHeader);
|
|
28
|
-
|
|
29
|
-
var _sectionRows = require('./section-rows');
|
|
30
|
-
|
|
31
|
-
var _sectionRows2 = _interopRequireDefault(_sectionRows);
|
|
32
|
-
|
|
33
|
-
var _tableCell = require('./tableCell');
|
|
34
|
-
|
|
35
|
-
var _tableCell2 = _interopRequireDefault(_tableCell);
|
|
36
|
-
|
|
37
|
-
var _styles = require('./styles');
|
|
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 HEADER = 'HEADER';
|
|
44
|
-
var ROW_HEADER = 'ROW_HEADER';
|
|
45
|
-
|
|
46
|
-
var updatedHeights = function updatedHeights(headerYOffsets) {
|
|
47
|
-
return R.pipe(R.length, R.times(R.always(0)), R.addIndex(R.map)(function (zero, index) {
|
|
48
|
-
return R.isNil(R.nth(index)(headerYOffsets)) ? zero : R.nth(index)(headerYOffsets);
|
|
49
|
-
}));
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
var Table = function Table(_ref) {
|
|
53
|
-
var _React$useState2;
|
|
54
|
-
|
|
55
|
-
var _ref$sectionsData = _ref.sectionsData,
|
|
56
|
-
sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
|
|
57
|
-
_ref$headerData = _ref.headerData,
|
|
58
|
-
headerData = _ref$headerData === undefined ? [] : _ref$headerData,
|
|
59
|
-
_ref$cells = _ref.cells,
|
|
60
|
-
cells = _ref$cells === undefined ? {} : _ref$cells,
|
|
61
|
-
isRtl = _ref.isRtl,
|
|
62
|
-
cellHandler = _ref.cellHandler,
|
|
63
|
-
cellValueAccessor = _ref.cellValueAccessor,
|
|
64
|
-
activeCellIds = _ref.activeCellIds,
|
|
65
|
-
activeCellHandler = _ref.activeCellHandler;
|
|
66
|
-
|
|
67
|
-
var _React$useState = _react2.default.useState((_React$useState2 = {}, _React$useState2[HEADER] = [0], _React$useState2[ROW_HEADER] = [0], _React$useState2)),
|
|
68
|
-
yOffsets = _React$useState[0],
|
|
69
|
-
setYOffsets = _React$useState[1];
|
|
70
|
-
|
|
71
|
-
var _React$useMemo = _react2.default.useMemo(function () {
|
|
72
|
-
var xLayoutData = R.pathOr([], [0, 1, 0, 'data'], sectionsData);
|
|
73
|
-
var xColumnCount = R.pipe(R.length, R.inc)(xLayoutData);
|
|
74
|
-
var yColumnCount = R.length(headerData);
|
|
75
|
-
var columnCount = R.add(xColumnCount, yColumnCount);
|
|
76
|
-
var yOffsetRowHeader = 0;
|
|
77
|
-
var yOffsetSectionHeader = R.inc(yOffsetRowHeader);
|
|
78
|
-
var msGridRowOffsetFactory = function msGridRowOffsetFactory(sectionIndex) {
|
|
79
|
-
return R.sum([R.inc(yOffsetSectionHeader), sectionIndex, R.pipe(R.take(sectionIndex), R.reduce(R.useWith(R.add, [R.identity, R.pipe(R.last, R.length)]), 0))(sectionsData)]);
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
return {
|
|
83
|
-
transposedHeaderData: R.pipe(R.pluck('data'), R.map(R.reduce(function (acc, cell) {
|
|
84
|
-
var previousCell = R.last(acc);
|
|
85
|
-
var previousCellKey = R.prop('key', previousCell);
|
|
86
|
-
var valueId = R.path(['value', 'id'], cell);
|
|
87
|
-
var cellKey = R.isNil(previousCellKey) ? valueId : previousCellKey + '-' + valueId;
|
|
88
|
-
return R.append(R.assoc('key', cellKey, cell), acc);
|
|
89
|
-
}, [])), R.transpose)(headerData),
|
|
90
|
-
xLayoutData: xLayoutData,
|
|
91
|
-
xColumnCount: xColumnCount,
|
|
92
|
-
yColumnCount: yColumnCount,
|
|
93
|
-
columnCount: columnCount,
|
|
94
|
-
yOffsetRowHeader: yOffsetRowHeader,
|
|
95
|
-
yOffsetSectionHeader: yOffsetSectionHeader,
|
|
96
|
-
msGridRowOffsetFactory: msGridRowOffsetFactory
|
|
97
|
-
};
|
|
98
|
-
}, [headerData, sectionsData]),
|
|
99
|
-
transposedHeaderData = _React$useMemo.transposedHeaderData,
|
|
100
|
-
xLayoutData = _React$useMemo.xLayoutData,
|
|
101
|
-
columnCount = _React$useMemo.columnCount,
|
|
102
|
-
xColumnCount = _React$useMemo.xColumnCount,
|
|
103
|
-
yColumnCount = _React$useMemo.yColumnCount,
|
|
104
|
-
yOffsetRowHeader = _React$useMemo.yOffsetRowHeader,
|
|
105
|
-
yOffsetSectionHeader = _React$useMemo.yOffsetSectionHeader,
|
|
106
|
-
msGridRowOffsetFactory = _React$useMemo.msGridRowOffsetFactory;
|
|
107
|
-
|
|
108
|
-
// Hooks before
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
var isSingleObs = R.hasPath(['', '', '', 0], cells);
|
|
112
|
-
if (isSingleObs) return _react2.default.createElement(_tableCell2.default, { cell: R.pathOr({}, ['', '', '', 0], cells), cellHandler: cellHandler });
|
|
113
|
-
|
|
114
|
-
// Utility funcs
|
|
115
|
-
var getYOffset = function getYOffset(index) {
|
|
116
|
-
return R.pipe(R.prop(HEADER), R.slice(0, index), R.sum)(yOffsets);
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
var getSubHeaderOffset = function getSubHeaderOffset(headerData) {
|
|
120
|
-
return function (index) {
|
|
121
|
-
var lengthHeader = R.length(headerData);
|
|
122
|
-
return R.add(R.pipe(R.prop(HEADER), R.slice(0, lengthHeader), R.sum)(yOffsets), R.pipe(R.prop(ROW_HEADER), R.slice(0, index), R.sum)(yOffsets));
|
|
123
|
-
};
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
var onYVectorSize = function onYVectorSize(label, headerData) {
|
|
127
|
-
return function (index) {
|
|
128
|
-
return function (_ref2) {
|
|
129
|
-
var _R$mergeRight;
|
|
130
|
-
|
|
131
|
-
var height = _ref2.height;
|
|
132
|
-
|
|
133
|
-
var newYOffsets = R.equals(label, HEADER) ? updatedHeights(R.prop(HEADER)(yOffsets))(headerData) : R.prop(label)(yOffsets);
|
|
134
|
-
setYOffsets(R.mergeRight(yOffsets, (_R$mergeRight = {}, _R$mergeRight[label] = R.update(index, height)(newYOffsets), _R$mergeRight)));
|
|
135
|
-
};
|
|
136
|
-
};
|
|
137
|
-
};
|
|
138
|
-
|
|
139
|
-
return _react2.default.createElement(
|
|
140
|
-
_styles.Table,
|
|
141
|
-
{ columnCount: columnCount, xColumnCount: xColumnCount },
|
|
142
|
-
_react2.default.createElement(_header2.default, {
|
|
143
|
-
data: transposedHeaderData,
|
|
144
|
-
xColumnCount: xColumnCount,
|
|
145
|
-
onYVectorSize: onYVectorSize(HEADER, transposedHeaderData),
|
|
146
|
-
getYOffset: getYOffset
|
|
147
|
-
}),
|
|
148
|
-
_react2.default.createElement(_rowHeader2.default, {
|
|
149
|
-
data: xLayoutData,
|
|
150
|
-
headerData: headerData,
|
|
151
|
-
onYVectorSize: onYVectorSize(ROW_HEADER),
|
|
152
|
-
getYOffset: getSubHeaderOffset(transposedHeaderData),
|
|
153
|
-
yOffset: yOffsetRowHeader,
|
|
154
|
-
activeCellIds: activeCellIds
|
|
155
|
-
}),
|
|
156
|
-
R.addIndex(R.map)(function (_ref3, sectionIndex) {
|
|
157
|
-
var sectionHeaderData = _ref3[0],
|
|
158
|
-
sectionRowsData = _ref3[1];
|
|
159
|
-
|
|
160
|
-
var msGridRowOffset = msGridRowOffsetFactory(sectionIndex);
|
|
161
|
-
|
|
162
|
-
return _react2.default.createElement(
|
|
163
|
-
_react2.default.Fragment,
|
|
164
|
-
{ key: 'section-' + sectionIndex },
|
|
165
|
-
_react2.default.createElement(_sectionHeader2.default, {
|
|
166
|
-
columnCount: columnCount,
|
|
167
|
-
section: sectionHeaderData,
|
|
168
|
-
yOffset: getSubHeaderOffset(transposedHeaderData)(yOffsetSectionHeader),
|
|
169
|
-
msGridRow: msGridRowOffset,
|
|
170
|
-
isRtl: isRtl
|
|
171
|
-
}),
|
|
172
|
-
_react2.default.createElement(_sectionRows2.default, {
|
|
173
|
-
data: sectionRowsData,
|
|
174
|
-
headerData: headerData,
|
|
175
|
-
cells: cells,
|
|
176
|
-
cellHandler: cellHandler,
|
|
177
|
-
cellValueAccessor: cellValueAccessor,
|
|
178
|
-
activeCellIds: activeCellIds,
|
|
179
|
-
activeCellHandler: activeCellHandler,
|
|
180
|
-
sectionData: sectionHeaderData,
|
|
181
|
-
yColumnCount: yColumnCount,
|
|
182
|
-
xColumnCount: xColumnCount,
|
|
183
|
-
yOffset: yOffsetRowHeader,
|
|
184
|
-
msGridRowOffset: msGridRowOffset
|
|
185
|
-
})
|
|
186
|
-
);
|
|
187
|
-
}, sectionsData)
|
|
188
|
-
);
|
|
189
|
-
};
|
|
190
|
-
|
|
191
|
-
Table.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
192
|
-
headerData: _propTypes2.default.array.isRequired,
|
|
193
|
-
sectionsData: _propTypes2.default.array.isRequired,
|
|
194
|
-
cells: _propTypes2.default.object.isRequired,
|
|
195
|
-
cellHandler: _propTypes2.default.func,
|
|
196
|
-
cellValueAccessor: _propTypes2.default.func,
|
|
197
|
-
activeCellHandler: _propTypes2.default.func,
|
|
198
|
-
activeCellIds: _propTypes2.default.object,
|
|
199
|
-
isRtl: _propTypes2.default.bool
|
|
200
|
-
} : {};
|
|
201
|
-
|
|
202
|
-
exports.default = Table;
|
|
203
|
-
module.exports = exports['default'];
|
package/lib/Table/header.js
DELETED
|
@@ -1,116 +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 _reactSizeme = require('react-sizeme');
|
|
20
|
-
|
|
21
|
-
var _reactSizeme2 = _interopRequireDefault(_reactSizeme);
|
|
22
|
-
|
|
23
|
-
var _styles = require('@material-ui/core/styles');
|
|
24
|
-
|
|
25
|
-
var _styles2 = require('./styles');
|
|
26
|
-
|
|
27
|
-
var _itemCell = require('./itemCell');
|
|
28
|
-
|
|
29
|
-
var _itemCell2 = _interopRequireDefault(_itemCell);
|
|
30
|
-
|
|
31
|
-
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; } }
|
|
32
|
-
|
|
33
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
34
|
-
|
|
35
|
-
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
36
|
-
return {
|
|
37
|
-
root: {
|
|
38
|
-
backgroundColor: theme.palette.primary.main,
|
|
39
|
-
color: theme.palette.getContrastText(theme.palette.primary.main),
|
|
40
|
-
'& span': {
|
|
41
|
-
color: theme.palette.getContrastText(theme.palette.primary.main),
|
|
42
|
-
borderColor: theme.palette.getContrastText(theme.palette.primary.main)
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
var YVector = (0, _reactSizeme2.default)({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(_styles2.Cell);
|
|
49
|
-
|
|
50
|
-
var mergeHeaderCells = R.reduce(function (acc, headerCell) {
|
|
51
|
-
var previousCell = R.last(acc);
|
|
52
|
-
var cellValue = R.prop('key', headerCell);
|
|
53
|
-
var previousCellValue = R.prop('key', previousCell);
|
|
54
|
-
if (cellValue !== previousCellValue) {
|
|
55
|
-
return R.append(R.assoc('spanCount', 1, headerCell), acc);
|
|
56
|
-
}
|
|
57
|
-
return R.over(R.lensIndex(-1), R.evolve({ spanCount: R.add(1) }), acc);
|
|
58
|
-
}, []);
|
|
59
|
-
|
|
60
|
-
var Header = function Header(_ref) {
|
|
61
|
-
var data = _ref.data,
|
|
62
|
-
onYVectorSize = _ref.onYVectorSize,
|
|
63
|
-
getYOffset = _ref.getYOffset,
|
|
64
|
-
xColumnCount = _ref.xColumnCount;
|
|
65
|
-
|
|
66
|
-
var classes = useStyles();
|
|
67
|
-
if (R.equals([''], data)) return null;
|
|
68
|
-
var getDimensionFromRow = R.pipe(R.head, R.prop('dimension'));
|
|
69
|
-
var nRows = R.length(data);
|
|
70
|
-
|
|
71
|
-
return R.addIndex(R.map)(function (headerRow, i) {
|
|
72
|
-
return _react2.default.createElement(
|
|
73
|
-
_react2.default.Fragment,
|
|
74
|
-
{ key: 'header-row-' + i },
|
|
75
|
-
_react2.default.createElement(
|
|
76
|
-
YVector,
|
|
77
|
-
{
|
|
78
|
-
yOffset: getYOffset(i),
|
|
79
|
-
onSize: onYVectorSize(i),
|
|
80
|
-
spanCount: xColumnCount,
|
|
81
|
-
className: classes.root
|
|
82
|
-
},
|
|
83
|
-
_react2.default.createElement(_itemCell2.default, _extends({
|
|
84
|
-
justifyContent: 'flex-end',
|
|
85
|
-
fontWeight: 'bold',
|
|
86
|
-
fontStyle: 'italic'
|
|
87
|
-
}, getDimensionFromRow(headerRow)))
|
|
88
|
-
),
|
|
89
|
-
R.pipe(R.when(R.always(i !== nRows - 1), mergeHeaderCells), // don't want merge of cells in the last row
|
|
90
|
-
R.addIndex(R.map)(function (_ref2, j) {
|
|
91
|
-
var value = _ref2.value,
|
|
92
|
-
spanCount = _ref2.spanCount;
|
|
93
|
-
return _react2.default.createElement(
|
|
94
|
-
_styles2.Cell,
|
|
95
|
-
{
|
|
96
|
-
key: 'header-column-' + j,
|
|
97
|
-
yOffset: getYOffset(i),
|
|
98
|
-
spanCount: spanCount,
|
|
99
|
-
className: classes.root
|
|
100
|
-
},
|
|
101
|
-
_react2.default.createElement(_itemCell2.default, _extends({ justifyContent: 'center', sticky: spanCount > 1 }, value))
|
|
102
|
-
);
|
|
103
|
-
}))(headerRow)
|
|
104
|
-
);
|
|
105
|
-
})(data);
|
|
106
|
-
};
|
|
107
|
-
|
|
108
|
-
Header.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
109
|
-
data: _propTypes2.default.array.isRequired,
|
|
110
|
-
xColumnCount: _propTypes2.default.number.isRequired,
|
|
111
|
-
onYVectorSize: _propTypes2.default.func.isRequired,
|
|
112
|
-
getYOffset: _propTypes2.default.func.isRequired
|
|
113
|
-
} : {};
|
|
114
|
-
|
|
115
|
-
exports.default = Header;
|
|
116
|
-
module.exports = exports['default'];
|
package/lib/Table/itemCell.js
DELETED
|
@@ -1,74 +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 _tooltip = require('./tooltip');
|
|
18
|
-
|
|
19
|
-
var _tooltip2 = _interopRequireDefault(_tooltip);
|
|
20
|
-
|
|
21
|
-
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; } }
|
|
22
|
-
|
|
23
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
|
-
|
|
25
|
-
var ItemCell = function ItemCell(_ref) {
|
|
26
|
-
var label = _ref.label,
|
|
27
|
-
parents = _ref.parents,
|
|
28
|
-
flags = _ref.flags,
|
|
29
|
-
justifyContent = _ref.justifyContent,
|
|
30
|
-
alignItems = _ref.alignItems,
|
|
31
|
-
fontWeight = _ref.fontWeight,
|
|
32
|
-
fontStyle = _ref.fontStyle,
|
|
33
|
-
_ref$sticky = _ref.sticky,
|
|
34
|
-
sticky = _ref$sticky === undefined ? false : _ref$sticky;
|
|
35
|
-
|
|
36
|
-
var style = {
|
|
37
|
-
display: 'flex',
|
|
38
|
-
flexDirection: 'row',
|
|
39
|
-
justifyContent: R.defaultTo('space-between', justifyContent),
|
|
40
|
-
alignItems: R.defaultTo('center', alignItems),
|
|
41
|
-
textAlign: R.equals('center', justifyContent) ? 'center' : 'inherit',
|
|
42
|
-
fontWeight: R.defaultTo('inherit', fontWeight),
|
|
43
|
-
fontStyle: R.defaultTo('inherit', fontStyle),
|
|
44
|
-
paddingTop: R.anyPass([R.isNil, R.isEmpty])(flags) ? 4 : 0,
|
|
45
|
-
paddingBottom: 4,
|
|
46
|
-
paddingLeft: R.pipe(R.when(R.isNil, R.always([])), R.length, R.multiply(12))(parents),
|
|
47
|
-
height: '100%'
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
return _react2.default.createElement(
|
|
51
|
-
'div',
|
|
52
|
-
{ style: style },
|
|
53
|
-
_react2.default.createElement(
|
|
54
|
-
'div',
|
|
55
|
-
{ style: sticky ? { display: 'inline-block', position: 'sticky', left: 8, right: 8 } : {} },
|
|
56
|
-
label,
|
|
57
|
-
_react2.default.createElement(_tooltip2.default, { flags: flags })
|
|
58
|
-
)
|
|
59
|
-
);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
ItemCell.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
63
|
-
label: _propTypes2.default.string,
|
|
64
|
-
flags: _propTypes2.default.array,
|
|
65
|
-
parents: _propTypes2.default.array,
|
|
66
|
-
justifyContent: _propTypes2.default.string,
|
|
67
|
-
fontWeight: _propTypes2.default.string,
|
|
68
|
-
fontStyle: _propTypes2.default.string,
|
|
69
|
-
alignItems: _propTypes2.default.string,
|
|
70
|
-
sticky: _propTypes2.default.bool
|
|
71
|
-
} : {};
|
|
72
|
-
|
|
73
|
-
exports.default = _react2.default.memo(ItemCell);
|
|
74
|
-
module.exports = exports['default'];
|
package/lib/Table/row-header.js
DELETED
|
@@ -1,113 +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 _classnames = require('classnames');
|
|
16
|
-
|
|
17
|
-
var _classnames2 = _interopRequireDefault(_classnames);
|
|
18
|
-
|
|
19
|
-
var _ramda = require('ramda');
|
|
20
|
-
|
|
21
|
-
var R = _interopRequireWildcard(_ramda);
|
|
22
|
-
|
|
23
|
-
var _styles = require('@material-ui/core/styles');
|
|
24
|
-
|
|
25
|
-
var _reactSizeme = require('react-sizeme');
|
|
26
|
-
|
|
27
|
-
var _reactSizeme2 = _interopRequireDefault(_reactSizeme);
|
|
28
|
-
|
|
29
|
-
var _styles2 = require('./styles');
|
|
30
|
-
|
|
31
|
-
var _itemCell = require('./itemCell');
|
|
32
|
-
|
|
33
|
-
var _itemCell2 = _interopRequireDefault(_itemCell);
|
|
34
|
-
|
|
35
|
-
var _utils = require('../utils');
|
|
36
|
-
|
|
37
|
-
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; } }
|
|
38
|
-
|
|
39
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
40
|
-
|
|
41
|
-
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
42
|
-
return {
|
|
43
|
-
root: {
|
|
44
|
-
color: theme.palette.grey['A700'],
|
|
45
|
-
backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light
|
|
46
|
-
},
|
|
47
|
-
sep: {
|
|
48
|
-
backgroundColor: theme.palette.grey[200]
|
|
49
|
-
},
|
|
50
|
-
highlight: theme.mixins.table.cellHighlight
|
|
51
|
-
};
|
|
52
|
-
});
|
|
53
|
-
|
|
54
|
-
var XVector = (0, _reactSizeme2.default)({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(_styles2.Cell);
|
|
55
|
-
|
|
56
|
-
var RowHeader = function RowHeader(_ref) {
|
|
57
|
-
var data = _ref.data,
|
|
58
|
-
headerData = _ref.headerData,
|
|
59
|
-
onYVectorSize = _ref.onYVectorSize,
|
|
60
|
-
getYOffset = _ref.getYOffset,
|
|
61
|
-
yOffset = _ref.yOffset,
|
|
62
|
-
activeCellIds = _ref.activeCellIds;
|
|
63
|
-
|
|
64
|
-
var classes = useStyles();
|
|
65
|
-
if (R.isEmpty(data)) return null;
|
|
66
|
-
|
|
67
|
-
return _react2.default.createElement(
|
|
68
|
-
_react2.default.Fragment,
|
|
69
|
-
null,
|
|
70
|
-
R.addIndex(R.map)(function (rowColumn, i) {
|
|
71
|
-
return _react2.default.createElement(
|
|
72
|
-
XVector,
|
|
73
|
-
{
|
|
74
|
-
key: 'row-column-' + i,
|
|
75
|
-
yOffset: getYOffset(yOffset),
|
|
76
|
-
onSize: onYVectorSize(yOffset),
|
|
77
|
-
className: classes.root
|
|
78
|
-
},
|
|
79
|
-
_react2.default.createElement(_itemCell2.default, _extends({
|
|
80
|
-
justifyContent: 'flex-start',
|
|
81
|
-
fontWeight: 'bold',
|
|
82
|
-
fontStyle: 'italic'
|
|
83
|
-
}, R.propOr({}, 'dimension', rowColumn)))
|
|
84
|
-
);
|
|
85
|
-
}, data),
|
|
86
|
-
_react2.default.createElement(_styles2.Cell, { yOffset: getYOffset(yOffset), className: classes.sep }),
|
|
87
|
-
R.addIndex(R.map)(function (header, j) {
|
|
88
|
-
var _cx;
|
|
89
|
-
|
|
90
|
-
return _react2.default.createElement(
|
|
91
|
-
_styles2.Cell,
|
|
92
|
-
{
|
|
93
|
-
key: 'row-header-' + j,
|
|
94
|
-
yOffset: getYOffset(yOffset),
|
|
95
|
-
className: (0, _classnames2.default)(classes.sep, (_cx = {}, _cx[classes.highlight] = R.prop('col-' + j)(activeCellIds), _cx))
|
|
96
|
-
},
|
|
97
|
-
_react2.default.createElement(_itemCell2.default, _extends({ justifyContent: 'center', alignItems: 'end' }, header))
|
|
98
|
-
);
|
|
99
|
-
}, headerData)
|
|
100
|
-
);
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
RowHeader.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
104
|
-
data: _propTypes2.default.array.isRequired,
|
|
105
|
-
headerData: _propTypes2.default.array.isRequired,
|
|
106
|
-
yOffset: _propTypes2.default.number.isRequired,
|
|
107
|
-
onYVectorSize: _propTypes2.default.func.isRequired,
|
|
108
|
-
getYOffset: _propTypes2.default.func.isRequired,
|
|
109
|
-
activeCellIds: _propTypes2.default.object
|
|
110
|
-
} : {};
|
|
111
|
-
|
|
112
|
-
exports.default = RowHeader;
|
|
113
|
-
module.exports = exports['default'];
|
|
@@ -1,145 +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 _classnames = require('classnames');
|
|
14
|
-
|
|
15
|
-
var _classnames2 = _interopRequireDefault(_classnames);
|
|
16
|
-
|
|
17
|
-
var _ramda = require('ramda');
|
|
18
|
-
|
|
19
|
-
var R = _interopRequireWildcard(_ramda);
|
|
20
|
-
|
|
21
|
-
var _Lens = require('@material-ui/icons/Lens');
|
|
22
|
-
|
|
23
|
-
var _Lens2 = _interopRequireDefault(_Lens);
|
|
24
|
-
|
|
25
|
-
var _core = require('@material-ui/core');
|
|
26
|
-
|
|
27
|
-
var _styles = require('@material-ui/core/styles');
|
|
28
|
-
|
|
29
|
-
var _styles2 = require('./styles');
|
|
30
|
-
|
|
31
|
-
var _tooltip = require('./tooltip');
|
|
32
|
-
|
|
33
|
-
var _tooltip2 = _interopRequireDefault(_tooltip);
|
|
34
|
-
|
|
35
|
-
var _utils = require('../utils');
|
|
36
|
-
|
|
37
|
-
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; } }
|
|
38
|
-
|
|
39
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
40
|
-
|
|
41
|
-
var Dot = (0, _core.withStyles)(function (theme) {
|
|
42
|
-
return {
|
|
43
|
-
root: {
|
|
44
|
-
fontSize: theme.typography.pxToRem(8),
|
|
45
|
-
margin: theme.spacing(0, 0.5)
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
})(_Lens2.default);
|
|
49
|
-
|
|
50
|
-
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
51
|
-
return {
|
|
52
|
-
zCell: {
|
|
53
|
-
backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
|
|
54
|
-
color: theme.palette.grey['A700'],
|
|
55
|
-
textAlign: 'left',
|
|
56
|
-
display: 'flex',
|
|
57
|
-
justifyContent: 'space-between',
|
|
58
|
-
alignItems: 'center'
|
|
59
|
-
},
|
|
60
|
-
zAtom: {
|
|
61
|
-
paddingTop: 4,
|
|
62
|
-
paddingBottom: 4,
|
|
63
|
-
zIndex: 1
|
|
64
|
-
},
|
|
65
|
-
zQuant: {
|
|
66
|
-
zIndex: 1,
|
|
67
|
-
whiteSpace: 'nowrap'
|
|
68
|
-
},
|
|
69
|
-
zQuantDimension: {
|
|
70
|
-
fontWeight: 'bold',
|
|
71
|
-
fontStyle: 'italic',
|
|
72
|
-
margin: theme.spacing(0, 0.5, 0, 0)
|
|
73
|
-
},
|
|
74
|
-
zQuantDimensionRtl: {
|
|
75
|
-
margin: theme.spacing(0, 0, 0, 0.5)
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
});
|
|
79
|
-
|
|
80
|
-
var SectionHeader = function SectionHeader(_ref) {
|
|
81
|
-
var section = _ref.section,
|
|
82
|
-
columnCount = _ref.columnCount,
|
|
83
|
-
yOffset = _ref.yOffset,
|
|
84
|
-
isRtl = _ref.isRtl;
|
|
85
|
-
|
|
86
|
-
var classes = useStyles();
|
|
87
|
-
if (R.isEmpty(R.propOr([], 'data', section))) return null;
|
|
88
|
-
var data = R.propOr([], 'data', section);
|
|
89
|
-
var hasFlag = R.find(R.pipe(R.path(['value', 'flags']), R.isEmpty, R.not))(data);
|
|
90
|
-
return _react2.default.createElement(
|
|
91
|
-
_styles2.Cell,
|
|
92
|
-
{ spanCount: columnCount, yOffset: yOffset, className: classes.zCell },
|
|
93
|
-
_react2.default.createElement(
|
|
94
|
-
'div',
|
|
95
|
-
{ className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
|
|
96
|
-
R.pipe(R.addIndex(R.map)(function (entry, index) {
|
|
97
|
-
var _cx;
|
|
98
|
-
|
|
99
|
-
return _react2.default.createElement(
|
|
100
|
-
_react2.default.Fragment,
|
|
101
|
-
{ key: index },
|
|
102
|
-
R.not(R.equals(index, 0)) && _react2.default.createElement(
|
|
103
|
-
'span',
|
|
104
|
-
{ className: classes.zQuant },
|
|
105
|
-
_react2.default.createElement(Dot, null)
|
|
106
|
-
),
|
|
107
|
-
_react2.default.createElement(
|
|
108
|
-
'span',
|
|
109
|
-
{
|
|
110
|
-
className: (0, _classnames2.default)(classes.zQuant, classes.zQuantDimension, (_cx = {}, _cx[classes.zQuantDimensionRtl] = isRtl, _cx))
|
|
111
|
-
},
|
|
112
|
-
R.pathOr('', ['dimension', 'label'], entry),
|
|
113
|
-
':'
|
|
114
|
-
),
|
|
115
|
-
_react2.default.createElement(
|
|
116
|
-
'span',
|
|
117
|
-
{ className: classes.zQuant },
|
|
118
|
-
R.pathOr('', ['value', 'label'], entry)
|
|
119
|
-
),
|
|
120
|
-
R.not(R.isEmpty(R.pathOr([], ['value', 'flags'], entry))) && _react2.default.createElement(
|
|
121
|
-
_react2.default.Fragment,
|
|
122
|
-
null,
|
|
123
|
-
'\xA0'
|
|
124
|
-
),
|
|
125
|
-
_react2.default.createElement(_tooltip2.default, { flags: R.pathOr([], ['value', 'flags'], entry) })
|
|
126
|
-
);
|
|
127
|
-
}))(data)
|
|
128
|
-
),
|
|
129
|
-
_react2.default.createElement(
|
|
130
|
-
'div',
|
|
131
|
-
{ className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
|
|
132
|
-
_react2.default.createElement(_tooltip2.default, { flags: R.propOr([], 'flags', section) })
|
|
133
|
-
)
|
|
134
|
-
);
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
138
|
-
section: _propTypes2.default.object.isRequired,
|
|
139
|
-
yOffset: _propTypes2.default.number.isRequired,
|
|
140
|
-
columnCount: _propTypes2.default.number.isRequired,
|
|
141
|
-
isRtl: _propTypes2.default.bool
|
|
142
|
-
} : {};
|
|
143
|
-
|
|
144
|
-
exports.default = _react2.default.memo(SectionHeader);
|
|
145
|
-
module.exports = exports['default'];
|