@sis-cc/dotstatsuite-visions 7.14.5 → 7.15.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/TableHtml5/header.js +15 -2
- package/lib/TableHtml5/header.js +15 -2
- package/package.json +1 -1
package/es/TableHtml5/header.js
CHANGED
|
@@ -18,7 +18,7 @@ var useStyles = makeStyles(function (theme) {
|
|
|
18
18
|
borderBottom: 'thin solid ' + theme.palette.grey[500],
|
|
19
19
|
borderRight: 'thin solid ' + theme.palette.grey[500],
|
|
20
20
|
padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
|
|
21
|
-
verticalAlign: '
|
|
21
|
+
verticalAlign: 'top',
|
|
22
22
|
'&:focus ': {
|
|
23
23
|
opacity: '.85'
|
|
24
24
|
},
|
|
@@ -26,7 +26,10 @@ var useStyles = makeStyles(function (theme) {
|
|
|
26
26
|
},
|
|
27
27
|
cellContentCenter: {
|
|
28
28
|
display: 'flex',
|
|
29
|
-
|
|
29
|
+
flexDirection: 'column',
|
|
30
|
+
justifyContent: 'center',
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
position: 'sticky'
|
|
30
33
|
},
|
|
31
34
|
cellContentRight: {
|
|
32
35
|
display: 'flex',
|
|
@@ -93,6 +96,9 @@ var Header = function Header(_ref) {
|
|
|
93
96
|
var _cx;
|
|
94
97
|
|
|
95
98
|
var flags = R.prop('flags', headerItem);
|
|
99
|
+
var hierarchySpace = R.pipe(R.pathOr([], ['parents']), R.when(R.isNil, R.always([])), R.length, R.times(function () {
|
|
100
|
+
return '·';
|
|
101
|
+
}))(headerItem);
|
|
96
102
|
return React.createElement(
|
|
97
103
|
TableCell,
|
|
98
104
|
{
|
|
@@ -117,6 +123,13 @@ var Header = function Header(_ref) {
|
|
|
117
123
|
},
|
|
118
124
|
variant: 'body1'
|
|
119
125
|
},
|
|
126
|
+
!R.isEmpty(hierarchySpace) && mapIndexed(function (space, idx) {
|
|
127
|
+
return React.createElement(
|
|
128
|
+
'div',
|
|
129
|
+
{ key: idx },
|
|
130
|
+
space
|
|
131
|
+
);
|
|
132
|
+
})(hierarchySpace),
|
|
120
133
|
R.prop('label', headerItem),
|
|
121
134
|
React.createElement(Flags, { HTMLRenderer: HTMLRenderer, flags: flags, isHeader: true })
|
|
122
135
|
)
|
package/lib/TableHtml5/header.js
CHANGED
|
@@ -51,7 +51,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
51
51
|
borderBottom: 'thin solid ' + theme.palette.grey[500],
|
|
52
52
|
borderRight: 'thin solid ' + theme.palette.grey[500],
|
|
53
53
|
padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
|
|
54
|
-
verticalAlign: '
|
|
54
|
+
verticalAlign: 'top',
|
|
55
55
|
'&:focus ': {
|
|
56
56
|
opacity: '.85'
|
|
57
57
|
},
|
|
@@ -59,7 +59,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
59
59
|
},
|
|
60
60
|
cellContentCenter: {
|
|
61
61
|
display: 'flex',
|
|
62
|
-
|
|
62
|
+
flexDirection: 'column',
|
|
63
|
+
justifyContent: 'center',
|
|
64
|
+
alignItems: 'center',
|
|
65
|
+
position: 'sticky'
|
|
63
66
|
},
|
|
64
67
|
cellContentRight: {
|
|
65
68
|
display: 'flex',
|
|
@@ -126,6 +129,9 @@ var Header = function Header(_ref) {
|
|
|
126
129
|
var _cx;
|
|
127
130
|
|
|
128
131
|
var flags = R.prop('flags', headerItem);
|
|
132
|
+
var hierarchySpace = R.pipe(R.pathOr([], ['parents']), R.when(R.isNil, R.always([])), R.length, R.times(function () {
|
|
133
|
+
return '·';
|
|
134
|
+
}))(headerItem);
|
|
129
135
|
return _react2.default.createElement(
|
|
130
136
|
_TableCell2.default,
|
|
131
137
|
{
|
|
@@ -150,6 +156,13 @@ var Header = function Header(_ref) {
|
|
|
150
156
|
},
|
|
151
157
|
variant: 'body1'
|
|
152
158
|
},
|
|
159
|
+
!R.isEmpty(hierarchySpace) && mapIndexed(function (space, idx) {
|
|
160
|
+
return _react2.default.createElement(
|
|
161
|
+
'div',
|
|
162
|
+
{ key: idx },
|
|
163
|
+
space
|
|
164
|
+
);
|
|
165
|
+
})(hierarchySpace),
|
|
153
166
|
R.prop('label', headerItem),
|
|
154
167
|
_react2.default.createElement(_flags2.default, { HTMLRenderer: HTMLRenderer, flags: flags, isHeader: true })
|
|
155
168
|
)
|