@sis-cc/dotstatsuite-visions 12.17.0 → 12.18.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.
@@ -340,6 +340,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
340
340
  React.createElement(
341
341
  Tooltip,
342
342
  {
343
+ role: 'tooltip',
343
344
  variant: 'light',
344
345
  title: React.createElement(
345
346
  Typography,
@@ -349,7 +350,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
349
350
  'aria-label': R.prop('hint', labels),
350
351
  tabIndex: 0
351
352
  },
352
- React.createElement(HintIcon, null)
353
+ React.createElement(
354
+ IconButton,
355
+ null,
356
+ React.createElement(HintIcon, null)
357
+ )
353
358
  ),
354
359
  React.createElement(
355
360
  Typography,
@@ -89,7 +89,7 @@ var Mode = function Mode(_ref2) {
89
89
  { className: classes.content },
90
90
  React.createElement(
91
91
  Typography,
92
- { variant: 'h6', className: classes.title },
92
+ { variant: 'h6', className: classes.title, 'aria-label': title, tabIndex: 0 },
93
93
  title
94
94
  ),
95
95
  React.createElement(
@@ -111,6 +111,7 @@ var Mode = function Mode(_ref2) {
111
111
  label,
112
112
  warningMessage && React.createElement(Warning, { title: warningMessage })
113
113
  ),
114
+ 'aria-label': label,
114
115
  value: value
115
116
  });
116
117
  })(modes)
@@ -120,7 +120,7 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
120
120
  React.createElement(
121
121
  VerticalButton,
122
122
  {
123
- 'aria-label': R.prop('advancedSelection')(labels),
123
+ 'aria-label': R.prop('iconLabel')(labels),
124
124
  classes: { root: classes.bulkSelectionIcon },
125
125
  onClick: onAdvancedToggle
126
126
  },
package/es/Logo/Logo.js CHANGED
@@ -22,19 +22,21 @@ var useStyles = makeStyles(function () {
22
22
 
23
23
  var Logo = function Logo(_ref) {
24
24
  var logo = _ref.logo,
25
+ _ref$alt = _ref.alt,
26
+ alt = _ref$alt === undefined ? 'logo' : _ref$alt,
25
27
  _ref$maxHeight = _ref.maxHeight,
26
28
  maxHeight = _ref$maxHeight === undefined ? 150 : _ref$maxHeight,
27
29
  children = _ref.children;
28
30
 
29
31
  var classes = useStyles();
30
32
  return React.createElement(
31
- 'div',
32
- { className: classes.container },
33
+ 'span',
34
+ { className: classes.container, role: 'button', tabIndex: 0 },
33
35
  React.createElement('img', {
34
36
  className: cx(classes.logo, classes.alternativeBrowserLogo),
35
37
  style: { maxHeight: maxHeight },
36
38
  src: logo,
37
- alt: 'logo'
39
+ alt: alt
38
40
  }),
39
41
  children
40
42
  );
@@ -43,7 +45,8 @@ var Logo = function Logo(_ref) {
43
45
  Logo.propTypes = process.env.NODE_ENV !== "production" ? {
44
46
  logo: PropTypes.string,
45
47
  maxHeight: PropTypes.number,
46
- children: PropTypes.object
48
+ children: PropTypes.object,
49
+ alt: PropTypes.string
47
50
  } : {};
48
51
 
49
52
  export default Logo;
@@ -412,6 +412,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
412
412
  _react2.default.createElement(
413
413
  _.Tooltip,
414
414
  {
415
+ role: 'tooltip',
415
416
  variant: 'light',
416
417
  title: _react2.default.createElement(
417
418
  _Typography2.default,
@@ -421,7 +422,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
421
422
  'aria-label': R.prop('hint', labels),
422
423
  tabIndex: 0
423
424
  },
424
- _react2.default.createElement(_EmojiObjects2.default, null)
425
+ _react2.default.createElement(
426
+ _Button2.default,
427
+ null,
428
+ _react2.default.createElement(_EmojiObjects2.default, null)
429
+ )
425
430
  ),
426
431
  _react2.default.createElement(
427
432
  _Typography2.default,
@@ -128,7 +128,7 @@ var Mode = function Mode(_ref2) {
128
128
  { className: classes.content },
129
129
  _react2.default.createElement(
130
130
  _Typography2.default,
131
- { variant: 'h6', className: classes.title },
131
+ { variant: 'h6', className: classes.title, 'aria-label': title, tabIndex: 0 },
132
132
  title
133
133
  ),
134
134
  _react2.default.createElement(
@@ -150,6 +150,7 @@ var Mode = function Mode(_ref2) {
150
150
  label,
151
151
  warningMessage && _react2.default.createElement(Warning, { title: warningMessage })
152
152
  ),
153
+ 'aria-label': label,
153
154
  value: value
154
155
  });
155
156
  })(modes)
@@ -149,7 +149,7 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
149
149
  _react2.default.createElement(
150
150
  _.VerticalButton,
151
151
  {
152
- 'aria-label': R.prop('advancedSelection')(labels),
152
+ 'aria-label': R.prop('iconLabel')(labels),
153
153
  classes: { root: classes.bulkSelectionIcon },
154
154
  onClick: onAdvancedToggle
155
155
  },
package/lib/Logo/Logo.js CHANGED
@@ -39,19 +39,21 @@ var useStyles = (0, _makeStyles2.default)(function () {
39
39
 
40
40
  var Logo = function Logo(_ref) {
41
41
  var logo = _ref.logo,
42
+ _ref$alt = _ref.alt,
43
+ alt = _ref$alt === undefined ? 'logo' : _ref$alt,
42
44
  _ref$maxHeight = _ref.maxHeight,
43
45
  maxHeight = _ref$maxHeight === undefined ? 150 : _ref$maxHeight,
44
46
  children = _ref.children;
45
47
 
46
48
  var classes = useStyles();
47
49
  return _react2.default.createElement(
48
- 'div',
49
- { className: classes.container },
50
+ 'span',
51
+ { className: classes.container, role: 'button', tabIndex: 0 },
50
52
  _react2.default.createElement('img', {
51
53
  className: (0, _classnames2.default)(classes.logo, classes.alternativeBrowserLogo),
52
54
  style: { maxHeight: maxHeight },
53
55
  src: logo,
54
- alt: 'logo'
56
+ alt: alt
55
57
  }),
56
58
  children
57
59
  );
@@ -60,7 +62,8 @@ var Logo = function Logo(_ref) {
60
62
  Logo.propTypes = process.env.NODE_ENV !== "production" ? {
61
63
  logo: _propTypes2.default.string,
62
64
  maxHeight: _propTypes2.default.number,
63
- children: _propTypes2.default.object
65
+ children: _propTypes2.default.object,
66
+ alt: _propTypes2.default.string
64
67
  } : {};
65
68
 
66
69
  exports.default = Logo;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "12.17.0",
3
+ "version": "12.18.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 v12.17.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v12.18.0 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -9187,7 +9187,7 @@ if (true) {
9187
9187
  /* 166 */
9188
9188
  /***/ (function(module) {
9189
9189
 
9190
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.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":{"@emotion/react":"^11.13.0","@emotion/styled":"^11.13.0","@hello-pangea/dnd":"^16.6.0","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@mui/styles":"^5.16.5","@react-hook/size":"^2.1.1","classnames":"^2.2.6","cross-env":"^7.0.3","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","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":{"@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","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","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@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"}};
9190
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.18.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":{"@emotion/react":"^11.13.0","@emotion/styled":"^11.13.0","@hello-pangea/dnd":"^16.6.0","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@mui/styles":"^5.16.5","@react-hook/size":"^2.1.1","classnames":"^2.2.6","cross-env":"^7.0.3","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","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":{"@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","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","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@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"}};
9191
9191
 
9192
9192
  /***/ }),
9193
9193
  /* 167 */
@@ -53911,7 +53911,7 @@ var Mode_Mode = function Mode(_ref2) {
53911
53911
  { className: classes.content },
53912
53912
  react_default.a.createElement(
53913
53913
  material_Typography_Typography,
53914
- { variant: 'h6', className: classes.title },
53914
+ { variant: 'h6', className: classes.title, 'aria-label': title, tabIndex: 0 },
53915
53915
  title
53916
53916
  ),
53917
53917
  react_default.a.createElement(
@@ -53933,6 +53933,7 @@ var Mode_Mode = function Mode(_ref2) {
53933
53933
  label,
53934
53934
  warningMessage && react_default.a.createElement(Mode_Warning, { title: warningMessage })
53935
53935
  ),
53936
+ 'aria-label': label,
53936
53937
  value: value
53937
53938
  });
53938
53939
  })(modes)
@@ -59182,19 +59183,21 @@ var Logo_useStyles = makeStyles(function () {
59182
59183
 
59183
59184
  var Logo_Logo = function Logo(_ref) {
59184
59185
  var logo = _ref.logo,
59186
+ _ref$alt = _ref.alt,
59187
+ alt = _ref$alt === undefined ? 'logo' : _ref$alt,
59185
59188
  _ref$maxHeight = _ref.maxHeight,
59186
59189
  maxHeight = _ref$maxHeight === undefined ? 150 : _ref$maxHeight,
59187
59190
  children = _ref.children;
59188
59191
 
59189
59192
  var classes = Logo_useStyles();
59190
59193
  return react_default.a.createElement(
59191
- 'div',
59192
- { className: classes.container },
59194
+ 'span',
59195
+ { className: classes.container, role: 'button', tabIndex: 0 },
59193
59196
  react_default.a.createElement('img', {
59194
59197
  className: classnames_default()(classes.logo, classes.alternativeBrowserLogo),
59195
59198
  style: { maxHeight: maxHeight },
59196
59199
  src: logo,
59197
- alt: 'logo'
59200
+ alt: alt
59198
59201
  }),
59199
59202
  children
59200
59203
  );
@@ -59203,7 +59206,8 @@ var Logo_Logo = function Logo(_ref) {
59203
59206
  Logo_Logo.propTypes = {
59204
59207
  logo: prop_types_default.a.string,
59205
59208
  maxHeight: prop_types_default.a.number,
59206
- children: prop_types_default.a.object
59209
+ children: prop_types_default.a.object,
59210
+ alt: prop_types_default.a.string
59207
59211
  };
59208
59212
 
59209
59213
  /* harmony default export */ var src_Logo_Logo = (Logo_Logo);
@@ -81246,6 +81250,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
81246
81250
  react_default.a.createElement(
81247
81251
  src_Tooltip_Tooltip,
81248
81252
  {
81253
+ role: 'tooltip',
81249
81254
  variant: 'light',
81250
81255
  title: react_default.a.createElement(
81251
81256
  material_Typography_Typography,
@@ -81255,7 +81260,11 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
81255
81260
  'aria-label': es_prop('hint', labels),
81256
81261
  tabIndex: 0
81257
81262
  },
81258
- react_default.a.createElement(EmojiObjects_default.a, null)
81263
+ react_default.a.createElement(
81264
+ material_Button_Button,
81265
+ null,
81266
+ react_default.a.createElement(EmojiObjects_default.a, null)
81267
+ )
81259
81268
  ),
81260
81269
  react_default.a.createElement(
81261
81270
  material_Typography_Typography,
@@ -81635,7 +81644,7 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
81635
81644
  react_default.a.createElement(
81636
81645
  VerticalButton_VerticalButton,
81637
81646
  {
81638
- 'aria-label': es_prop('advancedSelection')(labels),
81647
+ 'aria-label': es_prop('iconLabel')(labels),
81639
81648
  classes: { root: classes.bulkSelectionIcon },
81640
81649
  onClick: onAdvancedToggle
81641
81650
  },