@sis-cc/dotstatsuite-visions 7.22.2 → 7.22.3
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.
|
@@ -4,11 +4,11 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import cx from 'classnames';
|
|
5
5
|
import Typography from '@material-ui/core/Typography';
|
|
6
6
|
import Grid from '@material-ui/core/Grid';
|
|
7
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
7
|
+
import { makeStyles, useTheme } from '@material-ui/core/styles';
|
|
8
8
|
import TableCell from '@material-ui/core/TableCell';
|
|
9
9
|
import TableRow from '@material-ui/core/TableRow';
|
|
10
10
|
import Flags from './flags';
|
|
11
|
-
import { getDark } from '../utils';
|
|
11
|
+
import { getDark, getIsRtl } from '../utils';
|
|
12
12
|
|
|
13
13
|
var useStyles = makeStyles(function (theme) {
|
|
14
14
|
return {
|
|
@@ -62,6 +62,8 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
62
62
|
HTMLRenderer = _ref.HTMLRenderer;
|
|
63
63
|
|
|
64
64
|
var classes = useStyles();
|
|
65
|
+
var theme = useTheme();
|
|
66
|
+
var isRtl = getIsRtl(theme);
|
|
65
67
|
if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
|
|
66
68
|
|
|
67
69
|
return React.createElement(
|
|
@@ -69,7 +71,7 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
69
71
|
{
|
|
70
72
|
key: section.key,
|
|
71
73
|
className: classes.stickyHeaderSection,
|
|
72
|
-
style: { top: headerHeight, zIndex: 2 }
|
|
74
|
+
style: { left: 0, top: headerHeight, zIndex: 2 }
|
|
73
75
|
},
|
|
74
76
|
React.createElement(
|
|
75
77
|
TableCell,
|
|
@@ -84,7 +86,10 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
84
86
|
{ container: true, alignItems: 'center' },
|
|
85
87
|
React.createElement(
|
|
86
88
|
Grid,
|
|
87
|
-
{
|
|
89
|
+
{
|
|
90
|
+
item: true,
|
|
91
|
+
style: isRtl ? { position: 'sticky', right: '8px' } : { position: 'sticky', left: '8px' }
|
|
92
|
+
},
|
|
88
93
|
React.createElement(
|
|
89
94
|
Typography,
|
|
90
95
|
{ variant: 'body1', component: 'div', className: classes.containerSection },
|
|
@@ -98,6 +98,8 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
98
98
|
HTMLRenderer = _ref.HTMLRenderer;
|
|
99
99
|
|
|
100
100
|
var classes = useStyles();
|
|
101
|
+
var theme = (0, _styles.useTheme)();
|
|
102
|
+
var isRtl = (0, _utils.getIsRtl)(theme);
|
|
101
103
|
if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
|
|
102
104
|
|
|
103
105
|
return _react2.default.createElement(
|
|
@@ -105,7 +107,7 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
105
107
|
{
|
|
106
108
|
key: section.key,
|
|
107
109
|
className: classes.stickyHeaderSection,
|
|
108
|
-
style: { top: headerHeight, zIndex: 2 }
|
|
110
|
+
style: { left: 0, top: headerHeight, zIndex: 2 }
|
|
109
111
|
},
|
|
110
112
|
_react2.default.createElement(
|
|
111
113
|
_TableCell2.default,
|
|
@@ -120,7 +122,10 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
120
122
|
{ container: true, alignItems: 'center' },
|
|
121
123
|
_react2.default.createElement(
|
|
122
124
|
_Grid2.default,
|
|
123
|
-
{
|
|
125
|
+
{
|
|
126
|
+
item: true,
|
|
127
|
+
style: isRtl ? { position: 'sticky', right: '8px' } : { position: 'sticky', left: '8px' }
|
|
128
|
+
},
|
|
124
129
|
_react2.default.createElement(
|
|
125
130
|
_Typography2.default,
|
|
126
131
|
{ variant: 'body1', component: 'div', className: classes.containerSection },
|