@sis-cc/dotstatsuite-visions 7.18.2 → 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.
Files changed (8) hide show
  1. package/LICENSE +1 -1
  2. package/es/ChartsConfig/ChartsConfig.js +4 -4
  3. package/es/ChartsConfig/InputProxy.js +4 -1
  4. package/es/TableHtml5/sectionHeader.js +48 -39
  5. package/lib/ChartsConfig/ChartsConfig.js +4 -4
  6. package/lib/ChartsConfig/InputProxy.js +4 -1
  7. package/lib/TableHtml5/sectionHeader.js +51 -39
  8. package/package.json +1 -1
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
package/es/ChartsConfig/ChartsConfig.js CHANGED
@@ -155,7 +155,7 @@ var ChartConfig = function ChartConfig(_ref) {
155
155
  { keys: ['highlight', 'baseline'], properties: properties },
156
156
  React.createElement(
157
157
  Grid,
158
- { item: true, xs: 12, md: 8, container: true, alignContent: 'flex-start' },
158
+ { item: true, xs: 12, lg: 8, container: true, alignContent: 'flex-start' },
159
159
  React.createElement(
160
160
  Grid,
161
161
  { item: true, xs: 12 },
@@ -204,7 +204,7 @@ var ChartConfig = function ChartConfig(_ref) {
204
204
  ),
205
205
  React.createElement(
206
206
  Grid,
207
- { item: true, xs: 12, md: 4, container: true, alignContent: 'flex-start' },
207
+ { item: true, xs: 12, lg: 4, container: true, alignContent: 'flex-start' },
208
208
  React.createElement(
209
209
  Grid,
210
210
  { item: true, xs: 12 },
@@ -269,7 +269,7 @@ var ChartConfig = function ChartConfig(_ref) {
269
269
  pkey: key,
270
270
  mkey: R.init(key),
271
271
  key: key,
272
- sm: 12 / R.length(xKeys),
272
+ lg: 12 / R.length(xKeys),
273
273
  labels: labels,
274
274
  properties: properties
275
275
  });
@@ -322,7 +322,7 @@ var ChartConfig = function ChartConfig(_ref) {
322
322
  pkey: key,
323
323
  mkey: R.init(key),
324
324
  key: key,
325
- sm: 12 / R.length(yKeys),
325
+ lg: 12 / R.length(yKeys),
326
326
  labels: labels,
327
327
  properties: properties
328
328
  });
package/es/ChartsConfig/InputProxy.js CHANGED
@@ -19,6 +19,8 @@ var InputProxy = function InputProxy(_ref) {
19
19
  xs = _ref$xs === undefined ? 12 : _ref$xs,
20
20
  _ref$sm = _ref.sm,
21
21
  sm = _ref$sm === undefined ? 12 : _ref$sm,
22
+ _ref$lg = _ref.lg,
23
+ lg = _ref$lg === undefined ? 12 : _ref$lg,
22
24
  _ref$InputProps = _ref.InputProps,
23
25
  InputProps = _ref$InputProps === undefined ? {} : _ref$InputProps;
24
26
 
@@ -29,7 +31,7 @@ var InputProxy = function InputProxy(_ref) {
29
31
 
30
32
  return React.createElement(
31
33
  Grid,
32
- { item: true, xs: xs, sm: sm, style: { minWidth: minWidth } },
34
+ { item: true, xs: xs, sm: sm, lg: lg, style: { minWidth: minWidth } },
33
35
  React.createElement(Input, _extends({}, prop, {
34
36
  value: R.when(R.isNil, R.always(''))(prop.value),
35
37
  type: 'number',
@@ -48,6 +50,7 @@ InputProxy.propTypes = process.env.NODE_ENV !== "production" ? {
48
50
  mkey: PropTypes.string,
49
51
  xs: PropTypes.number,
50
52
  sm: PropTypes.number,
53
+ lg: PropTypes.number,
51
54
  InputProps: PropTypes.object
52
55
  } : {};
53
56
 
package/es/TableHtml5/sectionHeader.js CHANGED
@@ -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
  )
package/lib/ChartsConfig/ChartsConfig.js CHANGED
@@ -208,7 +208,7 @@ var ChartConfig = function ChartConfig(_ref) {
208
208
  { keys: ['highlight', 'baseline'], properties: properties },
209
209
  _react2.default.createElement(
210
210
  _Grid2.default,
211
- { item: true, xs: 12, md: 8, container: true, alignContent: 'flex-start' },
211
+ { item: true, xs: 12, lg: 8, container: true, alignContent: 'flex-start' },
212
212
  _react2.default.createElement(
213
213
  _Grid2.default,
214
214
  { item: true, xs: 12 },
@@ -257,7 +257,7 @@ var ChartConfig = function ChartConfig(_ref) {
257
257
  ),
258
258
  _react2.default.createElement(
259
259
  _Grid2.default,
260
- { item: true, xs: 12, md: 4, container: true, alignContent: 'flex-start' },
260
+ { item: true, xs: 12, lg: 4, container: true, alignContent: 'flex-start' },
261
261
  _react2.default.createElement(
262
262
  _Grid2.default,
263
263
  { item: true, xs: 12 },
@@ -322,7 +322,7 @@ var ChartConfig = function ChartConfig(_ref) {
322
322
  pkey: key,
323
323
  mkey: R.init(key),
324
324
  key: key,
325
- sm: 12 / R.length(xKeys),
325
+ lg: 12 / R.length(xKeys),
326
326
  labels: labels,
327
327
  properties: properties
328
328
  });
@@ -375,7 +375,7 @@ var ChartConfig = function ChartConfig(_ref) {
375
375
  pkey: key,
376
376
  mkey: R.init(key),
377
377
  key: key,
378
- sm: 12 / R.length(yKeys),
378
+ lg: 12 / R.length(yKeys),
379
379
  labels: labels,
380
380
  properties: properties
381
381
  });
package/lib/ChartsConfig/InputProxy.js CHANGED
@@ -39,6 +39,8 @@ var InputProxy = function InputProxy(_ref) {
39
39
  xs = _ref$xs === undefined ? 12 : _ref$xs,
40
40
  _ref$sm = _ref.sm,
41
41
  sm = _ref$sm === undefined ? 12 : _ref$sm,
42
+ _ref$lg = _ref.lg,
43
+ lg = _ref$lg === undefined ? 12 : _ref$lg,
42
44
  _ref$InputProps = _ref.InputProps,
43
45
  InputProps = _ref$InputProps === undefined ? {} : _ref$InputProps;
44
46
 
@@ -49,7 +51,7 @@ var InputProxy = function InputProxy(_ref) {
49
51
 
50
52
  return _react2.default.createElement(
51
53
  _core.Grid,
52
- { item: true, xs: xs, sm: sm, style: { minWidth: minWidth } },
54
+ { item: true, xs: xs, sm: sm, lg: lg, style: { minWidth: minWidth } },
53
55
  _react2.default.createElement(_Input2.default, _extends({}, prop, {
54
56
  value: R.when(R.isNil, R.always(''))(prop.value),
55
57
  type: 'number',
@@ -68,6 +70,7 @@ InputProxy.propTypes = process.env.NODE_ENV !== "production" ? {
68
70
  mkey: _propTypes2.default.string,
69
71
  xs: _propTypes2.default.number,
70
72
  sm: _propTypes2.default.number,
73
+ lg: _propTypes2.default.number,
71
74
  InputProps: _propTypes2.default.object
72
75
  } : {};
73
76
 
package/lib/TableHtml5/sectionHeader.js CHANGED
@@ -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.2",
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",