@sis-cc/dotstatsuite-visions 10.16.0 → 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.
@@ -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
  )
@@ -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
  );
@@ -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
  )
@@ -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
  )
@@ -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
  );
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "10.16.0",
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",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v10.16.0 - 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.16.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"}};
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 */
@@ -47984,8 +47984,7 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
47984
47984
  {
47985
47985
  variant: 'body2',
47986
47986
  className: classes.typo,
47987
- style: { cursor: 'pointer' },
47988
- role: 'button'
47987
+ style: { cursor: 'pointer' }
47989
47988
  },
47990
47989
  copyright.label
47991
47990
  )
@@ -49221,7 +49220,7 @@ var InputNumber_InputNumber = function InputNumber(_ref) {
49221
49220
  { 'data-testid': 'input-number-test-id', className: classes.root },
49222
49221
  beforeLabel && react_default.a.createElement(
49223
49222
  esm_Typography_Typography,
49224
- { variant: 'body2' },
49223
+ { variant: 'body2', 'aria-label': beforeLabel, tabIndex: 0 },
49225
49224
  beforeLabel
49226
49225
  ),
49227
49226
  react_default.a.createElement(esm_TextField_TextField, InputNumber_extends({
@@ -49241,12 +49240,18 @@ var InputNumber_InputNumber = function InputNumber(_ref) {
49241
49240
  }, textFieldProps)),
49242
49241
  es_not(es_isNil(afterLabel)) && react_default.a.createElement(
49243
49242
  esm_Typography_Typography,
49244
- { variant: 'body2' },
49243
+ { variant: 'body2', 'aria-label': afterLabel, tabIndex: 0 },
49245
49244
  afterLabel
49246
49245
  ),
49247
49246
  es_not(es_isNil(popperLabel)) && react_default.a.createElement(
49248
49247
  src_Tooltip_Tooltip,
49249
- { 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
+ },
49250
49255
  react_default.a.createElement(Help_default.a, null)
49251
49256
  )
49252
49257
  );
@@ -49661,7 +49666,13 @@ var Mode_Mode_Warning = function Warning(_ref) {
49661
49666
  var classes = Mode_Mode_useStyles();
49662
49667
  return react_default.a.createElement(
49663
49668
  src_Tooltip_Tooltip,
49664
- { 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
+ },
49665
49676
  children
49666
49677
  );
49667
49678
  };
@@ -49683,6 +49694,7 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49683
49694
  children = _ref2.children;
49684
49695
 
49685
49696
  var classes = Mode_Mode_useStyles();
49697
+ var mapIndexed = es_addIndex(es_map);
49686
49698
  return react_default.a.createElement(
49687
49699
  esm_RadioGroup_RadioGroup,
49688
49700
  {
@@ -49690,21 +49702,27 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49690
49702
  return changeMode(e.target.value);
49691
49703
  },
49692
49704
  value: mode,
49693
- className: classes.radioGroup
49705
+ className: classes.radioGroup,
49706
+ tabIndex: 0
49694
49707
  },
49695
- es_map(function (_ref3) {
49708
+ mapIndexed(function (_ref3, idx) {
49696
49709
  var label = _ref3.label,
49697
49710
  value = _ref3.value,
49698
49711
  popperLabel = _ref3.popperLabel,
49699
49712
  disabled = _ref3.disabled;
49700
49713
  return react_default.a.createElement(esm_FormControlLabel_FormControlLabel, {
49701
49714
  classes: { label: classes.label },
49702
- key: value,
49715
+ key: value + '-' + idx,
49703
49716
  checked: mode === value,
49704
- 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
+ }),
49705
49723
  label: react_default.a.createElement(
49706
49724
  'span',
49707
- null,
49725
+ { id: label },
49708
49726
  label,
49709
49727
  popperLabel && react_default.a.createElement(
49710
49728
  Mode_Mode_Warning,
@@ -49715,7 +49733,8 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49715
49733
  labelPlacement: placement,
49716
49734
  value: value,
49717
49735
  disabled: disabled || false,
49718
- style: { height: isSmall ? '25px' : null }
49736
+ style: { height: isSmall ? '25px' : null },
49737
+ role: 'radio'
49719
49738
  });
49720
49739
  })(modes)
49721
49740
  );
@@ -51571,7 +51590,10 @@ var PeriodPicker_Period = function Period(_ref) {
51571
51590
  { item: true, xs: 12, className: classes.sideLabel },
51572
51591
  react_default.a.createElement(
51573
51592
  'span',
51574
- null,
51593
+ {
51594
+ tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
51595
+ , 'aria-label': label
51596
+ },
51575
51597
  label
51576
51598
  )
51577
51599
  )