@sis-cc/dotstatsuite-visions 7.18.3 → 7.18.5

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
@@ -307,18 +307,22 @@ var Dataflow = function Dataflow(_ref2) {
307
307
  })(categories),
308
308
  R.not(R.isEmpty(categories)) && React.createElement(Divider, { className: classes.divider }),
309
309
  label && React.createElement(
310
- Typography,
311
- { variant: 'body2', color: 'textSecondary' },
310
+ 'div',
311
+ null,
312
312
  React.createElement(
313
- 'strong',
314
- null,
315
- R.prop('source')(labels),
316
- ':\xA0'
313
+ Typography,
314
+ { variant: 'body2', color: 'textSecondary' },
315
+ React.createElement(
316
+ 'strong',
317
+ null,
318
+ R.prop('source')(labels),
319
+ ':\xA0'
320
+ ),
321
+ ' ',
322
+ label
317
323
  ),
318
- ' ',
319
- label
324
+ React.createElement(Divider, { className: classes.divider })
320
325
  ),
321
- React.createElement(Divider, { className: classes.divider }),
322
326
  React.createElement(
323
327
  CardActions,
324
328
  { className: classes.footer, disableSpacing: true },
@@ -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
  )
@@ -364,18 +364,22 @@ var Dataflow = function Dataflow(_ref2) {
364
364
  })(categories),
365
365
  R.not(R.isEmpty(categories)) && _react2.default.createElement(_Divider2.default, { className: classes.divider }),
366
366
  label && _react2.default.createElement(
367
- _Typography2.default,
368
- { variant: 'body2', color: 'textSecondary' },
367
+ 'div',
368
+ null,
369
369
  _react2.default.createElement(
370
- 'strong',
371
- null,
372
- R.prop('source')(labels),
373
- ':\xA0'
370
+ _Typography2.default,
371
+ { variant: 'body2', color: 'textSecondary' },
372
+ _react2.default.createElement(
373
+ 'strong',
374
+ null,
375
+ R.prop('source')(labels),
376
+ ':\xA0'
377
+ ),
378
+ ' ',
379
+ label
374
380
  ),
375
- ' ',
376
- label
381
+ _react2.default.createElement(_Divider2.default, { className: classes.divider })
377
382
  ),
378
- _react2.default.createElement(_Divider2.default, { className: classes.divider }),
379
383
  _react2.default.createElement(
380
384
  _CardActions2.default,
381
385
  { className: classes.footer, disableSpacing: true },
@@ -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.5",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
@@ -206,4 +206,4 @@
206
206
  "parser": "babylon",
207
207
  "semi": true
208
208
  }
209
- }
209
+ }