@sis-cc/dotstatsuite-visions 7.18.3 → 7.18.4

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/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright © OECD 2019-2022
3
+ Copyright © OECD 2019-2023
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
@@ -3,6 +3,7 @@ import * as R from 'ramda';
3
3
  import PropTypes from 'prop-types';
4
4
  import cx from 'classnames';
5
5
  import Typography from '@material-ui/core/Typography';
6
+ import Grid from '@material-ui/core/Grid';
6
7
  import { makeStyles } from '@material-ui/core/styles';
7
8
  import TableCell from '@material-ui/core/TableCell';
8
9
  import TableRow from '@material-ui/core/TableRow';
@@ -79,48 +80,56 @@ var SectionHeader = function SectionHeader(_ref) {
79
80
  id: currentSection
80
81
  },
81
82
  React.createElement(
82
- Typography,
83
- { variant: 'body1', component: 'div', className: classes.containerSection },
83
+ Grid,
84
+ { container: true, alignItems: 'center', spacing: 5 },
84
85
  React.createElement(
85
- 'span',
86
- {
87
- className: cx(classes.stickyHeaderSection, classes.leftLabelPosition, classes.sectionLabelsContainer)
88
- },
89
- mapIndexed(function (sectionHeader, index) {
90
- return React.createElement(
91
- Fragment,
92
- { key: index },
93
- index !== 0 && React.createElement('br', null),
94
- React.createElement(
95
- Typography,
96
- {
97
- noWrap: true,
98
- variant: 'body1',
99
- component: 'span',
100
- tabIndex: 0,
101
- className: classes.label
102
- },
103
- R.path(['dimension', 'label'], sectionHeader),
104
- ':'
105
- ),
106
- React.createElement(
107
- Typography,
108
- { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
109
- R.path(['value', 'label'], sectionHeader)
110
- ),
111
- React.createElement(Flags, { flags: R.path(['value', 'flags'], sectionHeader) })
112
- );
113
- }, R.path([0, 'data'], section)),
86
+ Grid,
87
+ { item: true },
114
88
  React.createElement(
115
- 'span',
116
- null,
117
- React.createElement(Flags, { HTMLRenderer: HTMLRenderer, flags: R.path([0, 'flags'], section) })
118
- ),
119
- !R.isNil(SideIcon) && React.createElement(
120
- 'span',
121
- null,
122
- React.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) })
89
+ Typography,
90
+ { variant: 'body1', component: 'div', className: classes.containerSection },
91
+ React.createElement(
92
+ 'span',
93
+ {
94
+ className: cx(classes.stickyHeaderSection, classes.leftLabelPosition, classes.sectionLabelsContainer)
95
+ },
96
+ mapIndexed(function (sectionHeader, index) {
97
+ return React.createElement(
98
+ Fragment,
99
+ { key: index },
100
+ index !== 0 && React.createElement('br', null),
101
+ React.createElement(
102
+ Typography,
103
+ {
104
+ noWrap: true,
105
+ variant: 'body1',
106
+ component: 'span',
107
+ tabIndex: 0,
108
+ className: classes.label
109
+ },
110
+ R.path(['dimension', 'label'], sectionHeader),
111
+ ':'
112
+ ),
113
+ React.createElement(
114
+ Typography,
115
+ { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
116
+ R.path(['value', 'label'], sectionHeader)
117
+ ),
118
+ React.createElement(Flags, { flags: R.path(['value', 'flags'], sectionHeader) })
119
+ );
120
+ }, R.path([0, 'data'], section)),
121
+ React.createElement(
122
+ 'span',
123
+ null,
124
+ React.createElement(Flags, { HTMLRenderer: HTMLRenderer, flags: R.path([0, 'flags'], section) })
125
+ )
126
+ )
123
127
  )
128
+ ),
129
+ !R.isNil(SideIcon) && React.createElement(
130
+ Grid,
131
+ { item: true },
132
+ React.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) })
124
133
  )
125
134
  )
126
135
  )
@@ -22,6 +22,10 @@ var _Typography = require('@material-ui/core/Typography');
22
22
 
23
23
  var _Typography2 = _interopRequireDefault(_Typography);
24
24
 
25
+ var _Grid = require('@material-ui/core/Grid');
26
+
27
+ var _Grid2 = _interopRequireDefault(_Grid);
28
+
25
29
  var _styles = require('@material-ui/core/styles');
26
30
 
27
31
  var _TableCell = require('@material-ui/core/TableCell');
@@ -112,48 +116,56 @@ var SectionHeader = function SectionHeader(_ref) {
112
116
  id: currentSection
113
117
  },
114
118
  _react2.default.createElement(
115
- _Typography2.default,
116
- { variant: 'body1', component: 'div', className: classes.containerSection },
119
+ _Grid2.default,
120
+ { container: true, alignItems: 'center', spacing: 5 },
117
121
  _react2.default.createElement(
118
- 'span',
119
- {
120
- className: (0, _classnames2.default)(classes.stickyHeaderSection, classes.leftLabelPosition, classes.sectionLabelsContainer)
121
- },
122
- mapIndexed(function (sectionHeader, index) {
123
- return _react2.default.createElement(
124
- _react.Fragment,
125
- { key: index },
126
- index !== 0 && _react2.default.createElement('br', null),
127
- _react2.default.createElement(
128
- _Typography2.default,
129
- {
130
- noWrap: true,
131
- variant: 'body1',
132
- component: 'span',
133
- tabIndex: 0,
134
- className: classes.label
135
- },
136
- R.path(['dimension', 'label'], sectionHeader),
137
- ':'
138
- ),
139
- _react2.default.createElement(
140
- _Typography2.default,
141
- { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
142
- R.path(['value', 'label'], sectionHeader)
143
- ),
144
- _react2.default.createElement(_flags2.default, { flags: R.path(['value', 'flags'], sectionHeader) })
145
- );
146
- }, R.path([0, 'data'], section)),
122
+ _Grid2.default,
123
+ { item: true },
147
124
  _react2.default.createElement(
148
- 'span',
149
- null,
150
- _react2.default.createElement(_flags2.default, { HTMLRenderer: HTMLRenderer, flags: R.path([0, 'flags'], section) })
151
- ),
152
- !R.isNil(SideIcon) && _react2.default.createElement(
153
- 'span',
154
- null,
155
- _react2.default.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) })
125
+ _Typography2.default,
126
+ { variant: 'body1', component: 'div', className: classes.containerSection },
127
+ _react2.default.createElement(
128
+ 'span',
129
+ {
130
+ className: (0, _classnames2.default)(classes.stickyHeaderSection, classes.leftLabelPosition, classes.sectionLabelsContainer)
131
+ },
132
+ mapIndexed(function (sectionHeader, index) {
133
+ return _react2.default.createElement(
134
+ _react.Fragment,
135
+ { key: index },
136
+ index !== 0 && _react2.default.createElement('br', null),
137
+ _react2.default.createElement(
138
+ _Typography2.default,
139
+ {
140
+ noWrap: true,
141
+ variant: 'body1',
142
+ component: 'span',
143
+ tabIndex: 0,
144
+ className: classes.label
145
+ },
146
+ R.path(['dimension', 'label'], sectionHeader),
147
+ ':'
148
+ ),
149
+ _react2.default.createElement(
150
+ _Typography2.default,
151
+ { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
152
+ R.path(['value', 'label'], sectionHeader)
153
+ ),
154
+ _react2.default.createElement(_flags2.default, { flags: R.path(['value', 'flags'], sectionHeader) })
155
+ );
156
+ }, R.path([0, 'data'], section)),
157
+ _react2.default.createElement(
158
+ 'span',
159
+ null,
160
+ _react2.default.createElement(_flags2.default, { HTMLRenderer: HTMLRenderer, flags: R.path([0, 'flags'], section) })
161
+ )
162
+ )
156
163
  )
164
+ ),
165
+ !R.isNil(SideIcon) && _react2.default.createElement(
166
+ _Grid2.default,
167
+ { item: true },
168
+ _react2.default.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) })
157
169
  )
158
170
  )
159
171
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "7.18.3",
3
+ "version": "7.18.4",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",