@sis-cc/dotstatsuite-visions 12.51.0 → 12.53.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.
Files changed (23) hide show
  1. package/LICENSE +1 -1
  2. package/es/ApiQueries/ApiQueries.js +1 -1
  3. package/es/ApiQueries/Query.js +1 -1
  4. package/es/ChartsConfig/Title.js +3 -5
  5. package/es/TableHtml5/TableHtml5.js +2 -2
  6. package/es/TableHtml5/cell.js +4 -3
  7. package/es/TableHtml5/section.js +7 -5
  8. package/es/TableHtml5/sectionHeader.js +3 -2
  9. package/es/TableHtml5/subHeader.js +28 -8
  10. package/es/theme.js +7 -1
  11. package/lib/ApiQueries/ApiQueries.js +1 -1
  12. package/lib/ApiQueries/Query.js +1 -1
  13. package/lib/ChartsConfig/Title.js +3 -5
  14. package/lib/TableHtml5/TableHtml5.js +2 -2
  15. package/lib/TableHtml5/cell.js +4 -3
  16. package/lib/TableHtml5/section.js +7 -5
  17. package/lib/TableHtml5/sectionHeader.js +3 -2
  18. package/lib/TableHtml5/subHeader.js +28 -8
  19. package/lib/theme.js +7 -1
  20. package/package.json +1 -1
  21. package/umd/@sis-cc/dotstatsuite-visions.js +58 -30
  22. package/umd/@sis-cc/dotstatsuite-visions.min.js +4 -4
  23. package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright © OECD 2019-2025
3
+ Copyright © OECD 2019-2026
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/ApiQueries/ApiQueries.js CHANGED
@@ -34,7 +34,7 @@ var ApiQueries = function ApiQueries(_ref) {
34
34
  { item: true, xs: 12 },
35
35
  React.createElement(
36
36
  Typography,
37
- { className: classes.title, variant: 'h6' },
37
+ { className: classes.title },
38
38
  R.prop('title')(labels)
39
39
  ),
40
40
  R.map(function (description) {
package/es/ApiQueries/Query.js CHANGED
@@ -77,7 +77,7 @@ var Query = function Query(_ref) {
77
77
  { item: true },
78
78
  React.createElement(
79
79
  Typography,
80
- { className: classes.title, variant: 'h6' },
80
+ { className: classes.title },
81
81
  title
82
82
  )
83
83
  ),
package/es/ChartsConfig/Title.js CHANGED
@@ -5,11 +5,9 @@ import makeStyles from '@mui/styles/makeStyles';
5
5
  import Grid from '@mui/material/Grid';
6
6
  import Typography from '@mui/material/Typography';
7
7
 
8
- export var useStyles = makeStyles(function () {
8
+ export var useStyles = makeStyles(function (theme) {
9
9
  return {
10
- title: {
11
- fontFamily: 'inherit'
12
- }
10
+ title: R.pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
13
11
  };
14
12
  });
15
13
 
@@ -25,7 +23,7 @@ var Title = function Title(_ref) {
25
23
  !R.isNil(icon) && icon,
26
24
  React.createElement(
27
25
  Typography,
28
- { variant: 'h6', className: classes.title, inline: 'true' },
26
+ { className: classes.title, inline: 'true' },
29
27
  label
30
28
  )
31
29
  );
package/es/TableHtml5/TableHtml5.js CHANGED
@@ -25,8 +25,8 @@ var useStyles = makeStyles(function (theme) {
25
25
  outline: '1px solid transparent',
26
26
  transform: 'translateZ(0)',
27
27
  borderCollapse: 'separate',
28
- borderLeft: 'thin solid ' + theme.palette.grey[500],
29
- borderTop: 'thin solid ' + theme.palette.grey[500],
28
+ borderLeft: '1px solid ' + theme.palette.grey[500],
29
+ borderTop: '1px solid ' + theme.palette.grey[500],
30
30
  padding: '0px 0px'
31
31
  },
32
32
  stickyHeader: {
package/es/TableHtml5/cell.js CHANGED
@@ -12,15 +12,16 @@ import { getIsRtl } from '../utils';
12
12
  var useStyles = makeStyles(function (theme) {
13
13
  return {
14
14
  cell: {
15
- borderBottom: 'thin solid ' + theme.palette.grey[500],
16
- borderRight: 'thin solid ' + theme.palette.grey[500],
15
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
16
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
17
17
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
18
18
  verticalAlign: 'baseline',
19
19
  color: theme.palette.grey['A700'],
20
20
  '&:hover': {
21
21
  boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
22
22
  },
23
- whiteSpace: 'pre-wrap'
23
+ whiteSpace: 'pre-wrap',
24
+ borderCollapse: 'collapse'
24
25
  },
25
26
  active: {
26
27
  boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
package/es/TableHtml5/section.js CHANGED
@@ -22,12 +22,14 @@ var useStyles = makeStyles(function (theme) {
22
22
  rowTitle: {
23
23
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
24
24
  border: 'inherit',
25
- borderBottom: 'thin solid ' + theme.palette.grey[500],
26
- borderRight: 'thin solid ' + theme.palette.grey[500],
25
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
26
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
27
27
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
28
28
  color: theme.palette.grey['A700'],
29
29
  verticalAlign: 'top',
30
- align: 'left'
30
+ align: 'left',
31
+ borderCollapse: 'collapse',
32
+ borderSpacing: 0
31
33
  },
32
34
  timePeriodCells: {
33
35
  whiteSpace: 'nowrap'
@@ -37,8 +39,8 @@ var useStyles = makeStyles(function (theme) {
37
39
  backgroundColor: theme.palette.grey[200],
38
40
  verticalAlign: 'top',
39
41
  border: 'inherit',
40
- borderBottom: 'thin solid ' + theme.palette.grey[500],
41
- borderRight: 'thin solid ' + theme.palette.grey[500],
42
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
43
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
42
44
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
43
45
  position: 'sticky',
44
46
  zIndex: 1
package/es/TableHtml5/sectionHeader.js CHANGED
@@ -15,10 +15,11 @@ import { getValue } from './utils';
15
15
  var useStyles = makeStyles(function (theme) {
16
16
  return {
17
17
  section: {
18
+ borderCollapse: 'collapse',
18
19
  backgroundColor: getDark(theme) || theme.palette.secondary.dark,
19
20
  border: 'inherit',
20
- borderBottom: 'thin solid ' + theme.palette.grey[500],
21
- borderRight: 'thin solid ' + theme.palette.grey[500],
21
+ borderBottom: '1px solid ' + theme.palette.grey[500],
22
+ borderRight: '1px solid ' + theme.palette.grey[500],
22
23
  padding: theme.spacing(0, 1),
23
24
  color: theme.palette.grey['A700'],
24
25
  verticalAlign: 'middle',
package/es/TableHtml5/subHeader.js CHANGED
@@ -13,21 +13,41 @@ import Flags from './flags';
13
13
  var useStyles = makeStyles(function (theme) {
14
14
  return {
15
15
  columnsTitle: {
16
+ position: 'sticky',
17
+ zIndex: 1,
18
+ boxSizing: 'border-box',
16
19
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
17
- border: 'inherit',
18
- borderBottom: 'thin solid ' + theme.palette.grey[500],
19
- borderRight: 'thin solid ' + theme.palette.grey[500],
20
- padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
20
+ border: 'none',
21
+ borderBottom: '1px solid ' + theme.palette.grey[500],
21
22
  color: theme.palette.grey['A700'],
22
23
  verticalAlign: 'middle',
23
- position: 'sticky',
24
- zIndex: 1
24
+ '&::after': {
25
+ content: '""',
26
+ position: 'absolute',
27
+ top: 0,
28
+ right: 0,
29
+ width: '1px',
30
+ height: '100%',
31
+ backgroundColor: theme.palette.grey[500]
32
+ }
33
+ // backgroundColor: getLight(theme) || theme.palette.secondary.light,
34
+ // border: 'inherit',
35
+ // borderBottom: `1.5px solid ${theme.palette.grey[500]}`,
36
+ // borderRight: `1.5px solid ${theme.palette.grey[500]}`,
37
+ // padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
38
+ // color: theme.palette.grey['A700'],
39
+ // verticalAlign: 'middle',
40
+ // position: 'sticky',
41
+ // zIndex: 1,
42
+ // outline: `1px solid ${theme.palette.grey[500]}`,
43
+ // borderCollapse: 'collapse',
44
+ // borderSpacing: 0
25
45
  },
26
46
  fillerCell: {
27
47
  backgroundColor: theme.palette.grey[200],
28
48
  border: 'inherit',
29
- borderBottom: 'thin solid ' + theme.palette.grey[500],
30
- borderRight: 'thin solid ' + theme.palette.grey[500],
49
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
50
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
31
51
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
32
52
  verticalAlign: 'middle',
33
53
  textAlign: 'center',
package/es/theme.js CHANGED
@@ -249,7 +249,9 @@ export var sisccTheme = function sisccTheme(_ref) {
249
249
  apiQueries: {
250
250
  title: {
251
251
  fontWeight: 400,
252
- fontFamily: "'Roboto Slab', serif"
252
+ fontFamily: "'Roboto Slab', serif",
253
+ fontSize: '1.0625rem',
254
+ lineHeight: '1.6'
253
255
  }
254
256
  },
255
257
  chart: {
@@ -271,6 +273,10 @@ export var sisccTheme = function sisccTheme(_ref) {
271
273
  root: {
272
274
  fontWeight: 400,
273
275
  fontFamily: "'Roboto Slab', serif"
276
+ },
277
+ title: {
278
+ fontSize: '1.0625rem',
279
+ lineHeight: '1.6'
274
280
  }
275
281
  },
276
282
  collapsibleTree: {
package/lib/ApiQueries/ApiQueries.js CHANGED
@@ -65,7 +65,7 @@ var ApiQueries = function ApiQueries(_ref) {
65
65
  { item: true, xs: 12 },
66
66
  _react2.default.createElement(
67
67
  _Typography2.default,
68
- { className: classes.title, variant: 'h6' },
68
+ { className: classes.title },
69
69
  R.prop('title')(labels)
70
70
  ),
71
71
  R.map(function (description) {
package/lib/ApiQueries/Query.js CHANGED
@@ -106,7 +106,7 @@ var Query = function Query(_ref) {
106
106
  { item: true },
107
107
  _react2.default.createElement(
108
108
  _Typography2.default,
109
- { className: classes.title, variant: 'h6' },
109
+ { className: classes.title },
110
110
  title
111
111
  )
112
112
  ),
package/lib/ChartsConfig/Title.js CHANGED
@@ -31,11 +31,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
31
31
 
32
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
33
 
34
- var useStyles = exports.useStyles = (0, _makeStyles2.default)(function () {
34
+ var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
35
35
  return {
36
- title: {
37
- fontFamily: 'inherit'
38
- }
36
+ title: R.pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
39
37
  };
40
38
  });
41
39
 
@@ -51,7 +49,7 @@ var Title = function Title(_ref) {
51
49
  !R.isNil(icon) && icon,
52
50
  _react2.default.createElement(
53
51
  _Typography2.default,
54
- { variant: 'h6', className: classes.title, inline: 'true' },
52
+ { className: classes.title, inline: 'true' },
55
53
  label
56
54
  )
57
55
  );
package/lib/TableHtml5/TableHtml5.js CHANGED
@@ -61,8 +61,8 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
61
61
  outline: '1px solid transparent',
62
62
  transform: 'translateZ(0)',
63
63
  borderCollapse: 'separate',
64
- borderLeft: 'thin solid ' + theme.palette.grey[500],
65
- borderTop: 'thin solid ' + theme.palette.grey[500],
64
+ borderLeft: '1px solid ' + theme.palette.grey[500],
65
+ borderTop: '1px solid ' + theme.palette.grey[500],
66
66
  padding: '0px 0px'
67
67
  },
68
68
  stickyHeader: {
package/lib/TableHtml5/cell.js CHANGED
@@ -45,15 +45,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
45
45
  var useStyles = (0, _makeStyles2.default)(function (theme) {
46
46
  return {
47
47
  cell: {
48
- borderBottom: 'thin solid ' + theme.palette.grey[500],
49
- borderRight: 'thin solid ' + theme.palette.grey[500],
48
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
49
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
50
50
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
51
51
  verticalAlign: 'baseline',
52
52
  color: theme.palette.grey['A700'],
53
53
  '&:hover': {
54
54
  boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
55
55
  },
56
- whiteSpace: 'pre-wrap'
56
+ whiteSpace: 'pre-wrap',
57
+ borderCollapse: 'collapse'
57
58
  },
58
59
  active: {
59
60
  boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
package/lib/TableHtml5/section.js CHANGED
@@ -67,12 +67,14 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
67
67
  rowTitle: {
68
68
  backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
69
69
  border: 'inherit',
70
- borderBottom: 'thin solid ' + theme.palette.grey[500],
71
- borderRight: 'thin solid ' + theme.palette.grey[500],
70
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
71
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
72
72
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
73
73
  color: theme.palette.grey['A700'],
74
74
  verticalAlign: 'top',
75
- align: 'left'
75
+ align: 'left',
76
+ borderCollapse: 'collapse',
77
+ borderSpacing: 0
76
78
  },
77
79
  timePeriodCells: {
78
80
  whiteSpace: 'nowrap'
@@ -82,8 +84,8 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
82
84
  backgroundColor: theme.palette.grey[200],
83
85
  verticalAlign: 'top',
84
86
  border: 'inherit',
85
- borderBottom: 'thin solid ' + theme.palette.grey[500],
86
- borderRight: 'thin solid ' + theme.palette.grey[500],
87
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
88
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
87
89
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
88
90
  position: 'sticky',
89
91
  zIndex: 1
package/lib/TableHtml5/sectionHeader.js CHANGED
@@ -55,10 +55,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
55
55
  var useStyles = (0, _makeStyles2.default)(function (theme) {
56
56
  return {
57
57
  section: {
58
+ borderCollapse: 'collapse',
58
59
  backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
59
60
  border: 'inherit',
60
- borderBottom: 'thin solid ' + theme.palette.grey[500],
61
- borderRight: 'thin solid ' + theme.palette.grey[500],
61
+ borderBottom: '1px solid ' + theme.palette.grey[500],
62
+ borderRight: '1px solid ' + theme.palette.grey[500],
62
63
  padding: theme.spacing(0, 1),
63
64
  color: theme.palette.grey['A700'],
64
65
  verticalAlign: 'middle',
package/lib/TableHtml5/subHeader.js CHANGED
@@ -49,21 +49,41 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
49
49
  var useStyles = (0, _makeStyles2.default)(function (theme) {
50
50
  return {
51
51
  columnsTitle: {
52
+ position: 'sticky',
53
+ zIndex: 1,
54
+ boxSizing: 'border-box',
52
55
  backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
53
- border: 'inherit',
54
- borderBottom: 'thin solid ' + theme.palette.grey[500],
55
- borderRight: 'thin solid ' + theme.palette.grey[500],
56
- padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
56
+ border: 'none',
57
+ borderBottom: '1px solid ' + theme.palette.grey[500],
57
58
  color: theme.palette.grey['A700'],
58
59
  verticalAlign: 'middle',
59
- position: 'sticky',
60
- zIndex: 1
60
+ '&::after': {
61
+ content: '""',
62
+ position: 'absolute',
63
+ top: 0,
64
+ right: 0,
65
+ width: '1px',
66
+ height: '100%',
67
+ backgroundColor: theme.palette.grey[500]
68
+ }
69
+ // backgroundColor: getLight(theme) || theme.palette.secondary.light,
70
+ // border: 'inherit',
71
+ // borderBottom: `1.5px solid ${theme.palette.grey[500]}`,
72
+ // borderRight: `1.5px solid ${theme.palette.grey[500]}`,
73
+ // padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
74
+ // color: theme.palette.grey['A700'],
75
+ // verticalAlign: 'middle',
76
+ // position: 'sticky',
77
+ // zIndex: 1,
78
+ // outline: `1px solid ${theme.palette.grey[500]}`,
79
+ // borderCollapse: 'collapse',
80
+ // borderSpacing: 0
61
81
  },
62
82
  fillerCell: {
63
83
  backgroundColor: theme.palette.grey[200],
64
84
  border: 'inherit',
65
- borderBottom: 'thin solid ' + theme.palette.grey[500],
66
- borderRight: 'thin solid ' + theme.palette.grey[500],
85
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
86
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
67
87
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
68
88
  verticalAlign: 'middle',
69
89
  textAlign: 'center',
package/lib/theme.js CHANGED
@@ -253,7 +253,9 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
253
253
  apiQueries: {
254
254
  title: {
255
255
  fontWeight: 400,
256
- fontFamily: "'Roboto Slab', serif"
256
+ fontFamily: "'Roboto Slab', serif",
257
+ fontSize: '1.0625rem',
258
+ lineHeight: '1.6'
257
259
  }
258
260
  },
259
261
  chart: {
@@ -275,6 +277,10 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
275
277
  root: {
276
278
  fontWeight: 400,
277
279
  fontFamily: "'Roboto Slab', serif"
280
+ },
281
+ title: {
282
+ fontSize: '1.0625rem',
283
+ lineHeight: '1.6'
278
284
  }
279
285
  },
280
286
  collapsibleTree: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "12.51.0",
3
+ "version": "12.53.0",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
package/umd/@sis-cc/dotstatsuite-visions.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v12.51.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v12.53.0 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -7675,7 +7675,7 @@ if (true) {
7675
7675
  /* 138 */
7676
7676
  /***/ (function(module) {
7677
7677
 
7678
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.51.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged","transform":"npx jscodeshift -t scripts/transform-mui-imports.js demo/","upgrade-date-fns":"npx jscodeshift -t scripts/upgrade-date-fns.js src/"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","diacritics":"^1.3.0","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^2.23.0","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react/prop-types":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
7678
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.53.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged","transform":"npx jscodeshift -t scripts/transform-mui-imports.js demo/","upgrade-date-fns":"npx jscodeshift -t scripts/upgrade-date-fns.js src/"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","diacritics":"^1.3.0","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^2.23.0","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react/prop-types":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
7679
7679
 
7680
7680
  /***/ }),
7681
7681
  /* 139 */
@@ -29348,7 +29348,7 @@ var Query_Query = function Query(_ref) {
29348
29348
  { item: true },
29349
29349
  react_default.a.createElement(
29350
29350
  material_Typography_Typography,
29351
- { className: classes.title, variant: 'h6' },
29351
+ { className: classes.title },
29352
29352
  title
29353
29353
  )
29354
29354
  ),
@@ -29481,7 +29481,7 @@ var ApiQueries_ApiQueries = function ApiQueries(_ref) {
29481
29481
  { item: true, xs: 12 },
29482
29482
  react_default.a.createElement(
29483
29483
  material_Typography_Typography,
29484
- { className: classes.title, variant: 'h6' },
29484
+ { className: classes.title },
29485
29485
  es_prop('title')(labels)
29486
29486
  ),
29487
29487
  es_map(function (description) {
@@ -31103,11 +31103,9 @@ var ArrowUpward_default = /*#__PURE__*/__webpack_require__.n(ArrowUpward);
31103
31103
 
31104
31104
 
31105
31105
 
31106
- var Title_useStyles = makeStyles(function () {
31106
+ var Title_useStyles = makeStyles(function (theme) {
31107
31107
  return {
31108
- title: {
31109
- fontFamily: 'inherit'
31110
- }
31108
+ title: es_pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
31111
31109
  };
31112
31110
  });
31113
31111
 
@@ -31123,7 +31121,7 @@ var Title_Title = function Title(_ref) {
31123
31121
  !es_isNil(icon) && icon,
31124
31122
  react_default.a.createElement(
31125
31123
  material_Typography_Typography,
31126
- { variant: 'h6', className: classes.title, inline: 'true' },
31124
+ { className: classes.title, inline: 'true' },
31127
31125
  label
31128
31126
  )
31129
31127
  );
@@ -51056,7 +51054,9 @@ var sisccTheme = function sisccTheme(_ref) {
51056
51054
  apiQueries: {
51057
51055
  title: {
51058
51056
  fontWeight: 400,
51059
- fontFamily: "'Roboto Slab', serif"
51057
+ fontFamily: "'Roboto Slab', serif",
51058
+ fontSize: '1.0625rem',
51059
+ lineHeight: '1.6'
51060
51060
  }
51061
51061
  },
51062
51062
  chart: {
@@ -51078,6 +51078,10 @@ var sisccTheme = function sisccTheme(_ref) {
51078
51078
  root: {
51079
51079
  fontWeight: 400,
51080
51080
  fontFamily: "'Roboto Slab', serif"
51081
+ },
51082
+ title: {
51083
+ fontSize: '1.0625rem',
51084
+ lineHeight: '1.6'
51081
51085
  }
51082
51086
  },
51083
51087
  collapsibleTree: {
@@ -64836,21 +64840,41 @@ header_Header.propTypes = {
64836
64840
  var subHeader_useStyles = makeStyles(function (theme) {
64837
64841
  return {
64838
64842
  columnsTitle: {
64843
+ position: 'sticky',
64844
+ zIndex: 1,
64845
+ boxSizing: 'border-box',
64839
64846
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
64840
- border: 'inherit',
64841
- borderBottom: 'thin solid ' + theme.palette.grey[500],
64842
- borderRight: 'thin solid ' + theme.palette.grey[500],
64843
- padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
64847
+ border: 'none',
64848
+ borderBottom: '1px solid ' + theme.palette.grey[500],
64844
64849
  color: theme.palette.grey['A700'],
64845
64850
  verticalAlign: 'middle',
64846
- position: 'sticky',
64847
- zIndex: 1
64851
+ '&::after': {
64852
+ content: '""',
64853
+ position: 'absolute',
64854
+ top: 0,
64855
+ right: 0,
64856
+ width: '1px',
64857
+ height: '100%',
64858
+ backgroundColor: theme.palette.grey[500]
64859
+ }
64860
+ // backgroundColor: getLight(theme) || theme.palette.secondary.light,
64861
+ // border: 'inherit',
64862
+ // borderBottom: `1.5px solid ${theme.palette.grey[500]}`,
64863
+ // borderRight: `1.5px solid ${theme.palette.grey[500]}`,
64864
+ // padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
64865
+ // color: theme.palette.grey['A700'],
64866
+ // verticalAlign: 'middle',
64867
+ // position: 'sticky',
64868
+ // zIndex: 1,
64869
+ // outline: `1px solid ${theme.palette.grey[500]}`,
64870
+ // borderCollapse: 'collapse',
64871
+ // borderSpacing: 0
64848
64872
  },
64849
64873
  fillerCell: {
64850
64874
  backgroundColor: theme.palette.grey[200],
64851
64875
  border: 'inherit',
64852
- borderBottom: 'thin solid ' + theme.palette.grey[500],
64853
- borderRight: 'thin solid ' + theme.palette.grey[500],
64876
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
64877
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
64854
64878
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
64855
64879
  verticalAlign: 'middle',
64856
64880
  textAlign: 'center',
@@ -65075,10 +65099,11 @@ const TableBody_TableBody = /*#__PURE__*/react["forwardRef"](function TableBody(
65075
65099
  var sectionHeader_useStyles = makeStyles(function (theme) {
65076
65100
  return {
65077
65101
  section: {
65102
+ borderCollapse: 'collapse',
65078
65103
  backgroundColor: getDark(theme) || theme.palette.secondary.dark,
65079
65104
  border: 'inherit',
65080
- borderBottom: 'thin solid ' + theme.palette.grey[500],
65081
- borderRight: 'thin solid ' + theme.palette.grey[500],
65105
+ borderBottom: '1px solid ' + theme.palette.grey[500],
65106
+ borderRight: '1px solid ' + theme.palette.grey[500],
65082
65107
  padding: theme.spacing(0, 1),
65083
65108
  color: theme.palette.grey['A700'],
65084
65109
  verticalAlign: 'middle',
@@ -65243,15 +65268,16 @@ sectionHeader_SectionHeader.propTypes = {
65243
65268
  var cell_useStyles = makeStyles(function (theme) {
65244
65269
  return {
65245
65270
  cell: {
65246
- borderBottom: 'thin solid ' + theme.palette.grey[500],
65247
- borderRight: 'thin solid ' + theme.palette.grey[500],
65271
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
65272
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
65248
65273
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
65249
65274
  verticalAlign: 'baseline',
65250
65275
  color: theme.palette.grey['A700'],
65251
65276
  '&:hover': {
65252
65277
  boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
65253
65278
  },
65254
- whiteSpace: 'pre-wrap'
65279
+ whiteSpace: 'pre-wrap',
65280
+ borderCollapse: 'collapse'
65255
65281
  },
65256
65282
  active: {
65257
65283
  boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
@@ -65383,12 +65409,14 @@ var section_useStyles = makeStyles(function (theme) {
65383
65409
  rowTitle: {
65384
65410
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
65385
65411
  border: 'inherit',
65386
- borderBottom: 'thin solid ' + theme.palette.grey[500],
65387
- borderRight: 'thin solid ' + theme.palette.grey[500],
65412
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
65413
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
65388
65414
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
65389
65415
  color: theme.palette.grey['A700'],
65390
65416
  verticalAlign: 'top',
65391
- align: 'left'
65417
+ align: 'left',
65418
+ borderCollapse: 'collapse',
65419
+ borderSpacing: 0
65392
65420
  },
65393
65421
  timePeriodCells: {
65394
65422
  whiteSpace: 'nowrap'
@@ -65398,8 +65426,8 @@ var section_useStyles = makeStyles(function (theme) {
65398
65426
  backgroundColor: theme.palette.grey[200],
65399
65427
  verticalAlign: 'top',
65400
65428
  border: 'inherit',
65401
- borderBottom: 'thin solid ' + theme.palette.grey[500],
65402
- borderRight: 'thin solid ' + theme.palette.grey[500],
65429
+ borderBottom: '1.5px solid ' + theme.palette.grey[500],
65430
+ borderRight: '1.5px solid ' + theme.palette.grey[500],
65403
65431
  padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
65404
65432
  position: 'sticky',
65405
65433
  zIndex: 1
@@ -65628,8 +65656,8 @@ var TableHtml5_useStyles = makeStyles(function (theme) {
65628
65656
  outline: '1px solid transparent',
65629
65657
  transform: 'translateZ(0)',
65630
65658
  borderCollapse: 'separate',
65631
- borderLeft: 'thin solid ' + theme.palette.grey[500],
65632
- borderTop: 'thin solid ' + theme.palette.grey[500],
65659
+ borderLeft: '1px solid ' + theme.palette.grey[500],
65660
+ borderTop: '1px solid ' + theme.palette.grey[500],
65633
65661
  padding: '0px 0px'
65634
65662
  },
65635
65663
  stickyHeader: {