@sis-cc/dotstatsuite-visions 10.15.3 → 10.17.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 (16) hide show
  1. package/es/DataFooter/DataFooter.js +1 -2
  2. package/es/Dataflow/Dataflow.js +2 -6
  3. package/es/InputNumber/InputNumber.js +9 -3
  4. package/es/Mode/Mode.js +21 -7
  5. package/es/PeriodPicker/PeriodPicker.js +4 -1
  6. package/es/theme.js +8 -0
  7. package/lib/DataFooter/DataFooter.js +1 -2
  8. package/lib/Dataflow/Dataflow.js +2 -6
  9. package/lib/InputNumber/InputNumber.js +9 -3
  10. package/lib/Mode/Mode.js +21 -7
  11. package/lib/PeriodPicker/PeriodPicker.js +4 -1
  12. package/lib/theme.js +8 -0
  13. package/package.json +1 -1
  14. package/umd/@sis-cc/dotstatsuite-visions.js +47 -21
  15. package/umd/@sis-cc/dotstatsuite-visions.min.js +3 -3
  16. package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/es/DataFooter/DataFooter.js CHANGED
@@ -128,8 +128,7 @@ var DataFooter = function DataFooter(_ref3) {
128
128
  {
129
129
  variant: 'body2',
130
130
  className: classes.typo,
131
- style: { cursor: 'pointer' },
132
- role: 'button'
131
+ style: { cursor: 'pointer' }
133
132
  },
134
133
  copyright.label
135
134
  )
package/es/Dataflow/Dataflow.js CHANGED
@@ -110,12 +110,8 @@ var useStyles = makeStyles(function (theme) {
110
110
  minWidth: '200px',
111
111
  margin: theme.spacing(0, 0.5)
112
112
  },
113
- mutedText: {
114
- color: theme.palette.grey[700]
115
- },
116
- unmutedText: {
117
- color: theme.palette.grey[800]
118
- },
113
+ mutedText: _extends({}, R.pathOr({}, ['mixins', 'dataflow', 'desc', 'mutedText'], theme)),
114
+ unmutedText: _extends({}, R.pathOr({}, ['mixins', 'dataflow', 'desc', 'unmutedText'], theme)),
119
115
  categories: {
120
116
  maxWidth: '100%',
121
117
  whiteSpace: 'noWrap',
package/es/InputNumber/InputNumber.js CHANGED
@@ -60,7 +60,7 @@ var InputNumber = function InputNumber(_ref) {
60
60
  { 'data-testid': 'input-number-test-id', className: classes.root },
61
61
  beforeLabel && React.createElement(
62
62
  Typography,
63
- { variant: 'body2' },
63
+ { variant: 'body2', 'aria-label': beforeLabel, tabIndex: 0 },
64
64
  beforeLabel
65
65
  ),
66
66
  React.createElement(TextField, _extends({
@@ -80,12 +80,18 @@ var InputNumber = function InputNumber(_ref) {
80
80
  }, textFieldProps)),
81
81
  R.not(R.isNil(afterLabel)) && React.createElement(
82
82
  Typography,
83
- { variant: 'body2' },
83
+ { variant: 'body2', 'aria-label': afterLabel, tabIndex: 0 },
84
84
  afterLabel
85
85
  ),
86
86
  R.not(R.isNil(popperLabel)) && React.createElement(
87
87
  Tooltip,
88
- { className: cx(classes.icon), title: popperLabel, variant: 'light' },
88
+ {
89
+ className: cx(classes.icon),
90
+ title: popperLabel,
91
+ 'aria-label': popperLabel,
92
+ variant: 'light',
93
+ tabIndex: 0
94
+ },
89
95
  React.createElement(Help, null)
90
96
  )
91
97
  );
package/es/Mode/Mode.js CHANGED
@@ -31,7 +31,13 @@ var Warning = function Warning(_ref) {
31
31
  var classes = useStyles();
32
32
  return React.createElement(
33
33
  Tooltip,
34
- { className: classes.icon, title: title, variant: 'light' },
34
+ {
35
+ className: classes.icon,
36
+ title: title,
37
+ variant: 'light',
38
+ 'aria-label': title,
39
+ 'aria-hidden': false
40
+ },
35
41
  children
36
42
  );
37
43
  };
@@ -53,6 +59,7 @@ var Mode = function Mode(_ref2) {
53
59
  children = _ref2.children;
54
60
 
55
61
  var classes = useStyles();
62
+ var mapIndexed = R.addIndex(R.map);
56
63
  return React.createElement(
57
64
  RadioGroup,
58
65
  {
@@ -60,21 +67,27 @@ var Mode = function Mode(_ref2) {
60
67
  return changeMode(e.target.value);
61
68
  },
62
69
  value: mode,
63
- className: classes.radioGroup
70
+ className: classes.radioGroup,
71
+ tabIndex: 0
64
72
  },
65
- R.map(function (_ref3) {
73
+ mapIndexed(function (_ref3, idx) {
66
74
  var label = _ref3.label,
67
75
  value = _ref3.value,
68
76
  popperLabel = _ref3.popperLabel,
69
77
  disabled = _ref3.disabled;
70
78
  return React.createElement(FormControlLabel, {
71
79
  classes: { label: classes.label },
72
- key: value,
80
+ key: value + '-' + idx,
73
81
  checked: mode === value,
74
- control: React.createElement(Radio, { variant: 'outlined', color: 'primary', size: isSmall ? 'small' : 'medium' }),
82
+ control: React.createElement(Radio, {
83
+ variant: 'outlined',
84
+ color: 'primary',
85
+ size: isSmall ? 'small' : 'medium',
86
+ inputProps: { ' aria-labelledby': label, tabIndex: '0', id: label + '_' + idx }
87
+ }),
75
88
  label: React.createElement(
76
89
  'span',
77
- null,
90
+ { id: label },
78
91
  label,
79
92
  popperLabel && React.createElement(
80
93
  Warning,
@@ -85,7 +98,8 @@ var Mode = function Mode(_ref2) {
85
98
  labelPlacement: placement,
86
99
  value: value,
87
100
  disabled: disabled || false,
88
- style: { height: isSmall ? '25px' : null }
101
+ style: { height: isSmall ? '25px' : null },
102
+ role: 'radio'
89
103
  });
90
104
  })(modes)
91
105
  );
package/es/PeriodPicker/PeriodPicker.js CHANGED
@@ -134,7 +134,10 @@ var Period = function Period(_ref) {
134
134
  { item: true, xs: 12, className: classes.sideLabel },
135
135
  React.createElement(
136
136
  'span',
137
- null,
137
+ {
138
+ tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
139
+ , 'aria-label': label
140
+ },
138
141
  label
139
142
  )
140
143
  )
package/es/theme.js CHANGED
@@ -239,6 +239,14 @@ export var sisccTheme = function sisccTheme(_ref) {
239
239
  fontWeight: 400,
240
240
  fontFamily: "'Roboto Slab', serif",
241
241
  fontSize: 17
242
+ },
243
+ desc: {
244
+ mutedText: {
245
+ color: '#666666'
246
+ },
247
+ unmutedText: {
248
+ color: outerPalette.textLight || innerPalette.textLight
249
+ }
242
250
  }
243
251
  },
244
252
  dataHeader: {
package/lib/DataFooter/DataFooter.js CHANGED
@@ -162,8 +162,7 @@ var DataFooter = function DataFooter(_ref3) {
162
162
  {
163
163
  variant: 'body2',
164
164
  className: classes.typo,
165
- style: { cursor: 'pointer' },
166
- role: 'button'
165
+ style: { cursor: 'pointer' }
167
166
  },
168
167
  copyright.label
169
168
  )
package/lib/Dataflow/Dataflow.js CHANGED
@@ -171,12 +171,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
171
171
  minWidth: '200px',
172
172
  margin: theme.spacing(0, 0.5)
173
173
  },
174
- mutedText: {
175
- color: theme.palette.grey[700]
176
- },
177
- unmutedText: {
178
- color: theme.palette.grey[800]
179
- },
174
+ mutedText: _extends({}, R.pathOr({}, ['mixins', 'dataflow', 'desc', 'mutedText'], theme)),
175
+ unmutedText: _extends({}, R.pathOr({}, ['mixins', 'dataflow', 'desc', 'unmutedText'], theme)),
180
176
  categories: {
181
177
  maxWidth: '100%',
182
178
  whiteSpace: 'noWrap',
package/lib/InputNumber/InputNumber.js CHANGED
@@ -93,7 +93,7 @@ var InputNumber = function InputNumber(_ref) {
93
93
  { 'data-testid': 'input-number-test-id', className: classes.root },
94
94
  beforeLabel && _react2.default.createElement(
95
95
  _Typography2.default,
96
- { variant: 'body2' },
96
+ { variant: 'body2', 'aria-label': beforeLabel, tabIndex: 0 },
97
97
  beforeLabel
98
98
  ),
99
99
  _react2.default.createElement(_TextField2.default, _extends({
@@ -113,12 +113,18 @@ var InputNumber = function InputNumber(_ref) {
113
113
  }, textFieldProps)),
114
114
  R.not(R.isNil(afterLabel)) && _react2.default.createElement(
115
115
  _Typography2.default,
116
- { variant: 'body2' },
116
+ { variant: 'body2', 'aria-label': afterLabel, tabIndex: 0 },
117
117
  afterLabel
118
118
  ),
119
119
  R.not(R.isNil(popperLabel)) && _react2.default.createElement(
120
120
  _Tooltip2.default,
121
- { className: (0, _classnames2.default)(classes.icon), title: popperLabel, variant: 'light' },
121
+ {
122
+ className: (0, _classnames2.default)(classes.icon),
123
+ title: popperLabel,
124
+ 'aria-label': popperLabel,
125
+ variant: 'light',
126
+ tabIndex: 0
127
+ },
122
128
  _react2.default.createElement(_Help2.default, null)
123
129
  )
124
130
  );
package/lib/Mode/Mode.js CHANGED
@@ -58,7 +58,13 @@ var Warning = function Warning(_ref) {
58
58
  var classes = useStyles();
59
59
  return _react2.default.createElement(
60
60
  _.Tooltip,
61
- { className: classes.icon, title: title, variant: 'light' },
61
+ {
62
+ className: classes.icon,
63
+ title: title,
64
+ variant: 'light',
65
+ 'aria-label': title,
66
+ 'aria-hidden': false
67
+ },
62
68
  children
63
69
  );
64
70
  };
@@ -80,6 +86,7 @@ var Mode = function Mode(_ref2) {
80
86
  children = _ref2.children;
81
87
 
82
88
  var classes = useStyles();
89
+ var mapIndexed = R.addIndex(R.map);
83
90
  return _react2.default.createElement(
84
91
  _RadioGroup2.default,
85
92
  {
@@ -87,21 +94,27 @@ var Mode = function Mode(_ref2) {
87
94
  return changeMode(e.target.value);
88
95
  },
89
96
  value: mode,
90
- className: classes.radioGroup
97
+ className: classes.radioGroup,
98
+ tabIndex: 0
91
99
  },
92
- R.map(function (_ref3) {
100
+ mapIndexed(function (_ref3, idx) {
93
101
  var label = _ref3.label,
94
102
  value = _ref3.value,
95
103
  popperLabel = _ref3.popperLabel,
96
104
  disabled = _ref3.disabled;
97
105
  return _react2.default.createElement(_FormControlLabel2.default, {
98
106
  classes: { label: classes.label },
99
- key: value,
107
+ key: value + '-' + idx,
100
108
  checked: mode === value,
101
- control: _react2.default.createElement(_Radio2.default, { variant: 'outlined', color: 'primary', size: isSmall ? 'small' : 'medium' }),
109
+ control: _react2.default.createElement(_Radio2.default, {
110
+ variant: 'outlined',
111
+ color: 'primary',
112
+ size: isSmall ? 'small' : 'medium',
113
+ inputProps: { ' aria-labelledby': label, tabIndex: '0', id: label + '_' + idx }
114
+ }),
102
115
  label: _react2.default.createElement(
103
116
  'span',
104
- null,
117
+ { id: label },
105
118
  label,
106
119
  popperLabel && _react2.default.createElement(
107
120
  Warning,
@@ -112,7 +125,8 @@ var Mode = function Mode(_ref2) {
112
125
  labelPlacement: placement,
113
126
  value: value,
114
127
  disabled: disabled || false,
115
- style: { height: isSmall ? '25px' : null }
128
+ style: { height: isSmall ? '25px' : null },
129
+ role: 'radio'
116
130
  });
117
131
  })(modes)
118
132
  );
package/lib/PeriodPicker/PeriodPicker.js CHANGED
@@ -162,7 +162,10 @@ var Period = function Period(_ref) {
162
162
  { item: true, xs: 12, className: classes.sideLabel },
163
163
  _react2.default.createElement(
164
164
  'span',
165
- null,
165
+ {
166
+ tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
167
+ , 'aria-label': label
168
+ },
166
169
  label
167
170
  )
168
171
  )
package/lib/theme.js CHANGED
@@ -242,6 +242,14 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
242
242
  fontWeight: 400,
243
243
  fontFamily: "'Roboto Slab', serif",
244
244
  fontSize: 17
245
+ },
246
+ desc: {
247
+ mutedText: {
248
+ color: '#666666'
249
+ },
250
+ unmutedText: {
251
+ color: outerPalette.textLight || innerPalette.textLight
252
+ }
245
253
  }
246
254
  },
247
255
  dataHeader: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "10.15.3",
3
+ "version": "10.17.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 v10.15.3 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v10.17.0 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -6699,7 +6699,7 @@ function removeClassName(el
6699
6699
  /* 121 */
6700
6700
  /***/ (function(module) {
6701
6701
 
6702
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.15.3","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":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","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","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@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","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","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":"^18","react-a11y":"^1.1.0","react-dom":"^18","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-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"}};
6702
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.17.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":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","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","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@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","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","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":"^18","react-a11y":"^1.1.0","react-dom":"^18","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-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"}};
6703
6703
 
6704
6704
  /***/ }),
6705
6705
  /* 122 */
@@ -46239,12 +46239,8 @@ var Dataflow_useStyles = styles_makeStyles(function (theme) {
46239
46239
  minWidth: '200px',
46240
46240
  margin: theme.spacing(0, 0.5)
46241
46241
  },
46242
- mutedText: {
46243
- color: theme.palette.grey[700]
46244
- },
46245
- unmutedText: {
46246
- color: theme.palette.grey[800]
46247
- },
46242
+ mutedText: Dataflow_extends({}, es_pathOr({}, ['mixins', 'dataflow', 'desc', 'mutedText'], theme)),
46243
+ unmutedText: Dataflow_extends({}, es_pathOr({}, ['mixins', 'dataflow', 'desc', 'unmutedText'], theme)),
46248
46244
  categories: {
46249
46245
  maxWidth: '100%',
46250
46246
  whiteSpace: 'noWrap',
@@ -46987,6 +46983,14 @@ var sisccTheme = function sisccTheme(_ref) {
46987
46983
  fontWeight: 400,
46988
46984
  fontFamily: "'Roboto Slab', serif",
46989
46985
  fontSize: 17
46986
+ },
46987
+ desc: {
46988
+ mutedText: {
46989
+ color: '#666666'
46990
+ },
46991
+ unmutedText: {
46992
+ color: outerPalette.textLight || innerPalette.textLight
46993
+ }
46990
46994
  }
46991
46995
  },
46992
46996
  dataHeader: {
@@ -47980,8 +47984,7 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
47980
47984
  {
47981
47985
  variant: 'body2',
47982
47986
  className: classes.typo,
47983
- style: { cursor: 'pointer' },
47984
- role: 'button'
47987
+ style: { cursor: 'pointer' }
47985
47988
  },
47986
47989
  copyright.label
47987
47990
  )
@@ -49217,7 +49220,7 @@ var InputNumber_InputNumber = function InputNumber(_ref) {
49217
49220
  { 'data-testid': 'input-number-test-id', className: classes.root },
49218
49221
  beforeLabel && react_default.a.createElement(
49219
49222
  esm_Typography_Typography,
49220
- { variant: 'body2' },
49223
+ { variant: 'body2', 'aria-label': beforeLabel, tabIndex: 0 },
49221
49224
  beforeLabel
49222
49225
  ),
49223
49226
  react_default.a.createElement(esm_TextField_TextField, InputNumber_extends({
@@ -49237,12 +49240,18 @@ var InputNumber_InputNumber = function InputNumber(_ref) {
49237
49240
  }, textFieldProps)),
49238
49241
  es_not(es_isNil(afterLabel)) && react_default.a.createElement(
49239
49242
  esm_Typography_Typography,
49240
- { variant: 'body2' },
49243
+ { variant: 'body2', 'aria-label': afterLabel, tabIndex: 0 },
49241
49244
  afterLabel
49242
49245
  ),
49243
49246
  es_not(es_isNil(popperLabel)) && react_default.a.createElement(
49244
49247
  src_Tooltip_Tooltip,
49245
- { className: classnames_default()(classes.icon), title: popperLabel, variant: 'light' },
49248
+ {
49249
+ className: classnames_default()(classes.icon),
49250
+ title: popperLabel,
49251
+ 'aria-label': popperLabel,
49252
+ variant: 'light',
49253
+ tabIndex: 0
49254
+ },
49246
49255
  react_default.a.createElement(Help_default.a, null)
49247
49256
  )
49248
49257
  );
@@ -49657,7 +49666,13 @@ var Mode_Mode_Warning = function Warning(_ref) {
49657
49666
  var classes = Mode_Mode_useStyles();
49658
49667
  return react_default.a.createElement(
49659
49668
  src_Tooltip_Tooltip,
49660
- { className: classes.icon, title: title, variant: 'light' },
49669
+ {
49670
+ className: classes.icon,
49671
+ title: title,
49672
+ variant: 'light',
49673
+ 'aria-label': title,
49674
+ 'aria-hidden': false
49675
+ },
49661
49676
  children
49662
49677
  );
49663
49678
  };
@@ -49679,6 +49694,7 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49679
49694
  children = _ref2.children;
49680
49695
 
49681
49696
  var classes = Mode_Mode_useStyles();
49697
+ var mapIndexed = es_addIndex(es_map);
49682
49698
  return react_default.a.createElement(
49683
49699
  esm_RadioGroup_RadioGroup,
49684
49700
  {
@@ -49686,21 +49702,27 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49686
49702
  return changeMode(e.target.value);
49687
49703
  },
49688
49704
  value: mode,
49689
- className: classes.radioGroup
49705
+ className: classes.radioGroup,
49706
+ tabIndex: 0
49690
49707
  },
49691
- es_map(function (_ref3) {
49708
+ mapIndexed(function (_ref3, idx) {
49692
49709
  var label = _ref3.label,
49693
49710
  value = _ref3.value,
49694
49711
  popperLabel = _ref3.popperLabel,
49695
49712
  disabled = _ref3.disabled;
49696
49713
  return react_default.a.createElement(esm_FormControlLabel_FormControlLabel, {
49697
49714
  classes: { label: classes.label },
49698
- key: value,
49715
+ key: value + '-' + idx,
49699
49716
  checked: mode === value,
49700
- control: react_default.a.createElement(esm_Radio_Radio, { variant: 'outlined', color: 'primary', size: isSmall ? 'small' : 'medium' }),
49717
+ control: react_default.a.createElement(esm_Radio_Radio, {
49718
+ variant: 'outlined',
49719
+ color: 'primary',
49720
+ size: isSmall ? 'small' : 'medium',
49721
+ inputProps: { ' aria-labelledby': label, tabIndex: '0', id: label + '_' + idx }
49722
+ }),
49701
49723
  label: react_default.a.createElement(
49702
49724
  'span',
49703
- null,
49725
+ { id: label },
49704
49726
  label,
49705
49727
  popperLabel && react_default.a.createElement(
49706
49728
  Mode_Mode_Warning,
@@ -49711,7 +49733,8 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49711
49733
  labelPlacement: placement,
49712
49734
  value: value,
49713
49735
  disabled: disabled || false,
49714
- style: { height: isSmall ? '25px' : null }
49736
+ style: { height: isSmall ? '25px' : null },
49737
+ role: 'radio'
49715
49738
  });
49716
49739
  })(modes)
49717
49740
  );
@@ -51567,7 +51590,10 @@ var PeriodPicker_Period = function Period(_ref) {
51567
51590
  { item: true, xs: 12, className: classes.sideLabel },
51568
51591
  react_default.a.createElement(
51569
51592
  'span',
51570
- null,
51593
+ {
51594
+ tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
51595
+ , 'aria-label': label
51596
+ },
51571
51597
  label
51572
51598
  )
51573
51599
  )