@sis-cc/dotstatsuite-visions 12.13.0 → 12.15.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.
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright © OECD 2019-2024
3
+ Copyright © OECD 2019-2025
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
@@ -148,6 +148,7 @@ var DataHeader = function DataHeader(_ref) {
148
148
  className: classes.title,
149
149
  style: { fontSize: fontSizeTitle },
150
150
  'data-testid': 'data-header-title',
151
+ tabindex: '-1',
151
152
  'aria-label': title.label
152
153
  },
153
154
  title.label,
@@ -66,7 +66,7 @@ export var useStyles = makeStyles(function (theme) {
66
66
  flexDirection: 'row-reverse'
67
67
  },
68
68
  count: {
69
- color: theme.palette.grey[600],
69
+ color: theme.palette.grey[800],
70
70
  margin: theme.spacing(0, 0.25),
71
71
  fontSize: 11
72
72
  },
@@ -69,9 +69,15 @@ var Spotlight = function Spotlight(_ref) {
69
69
  'data-testid': testId + '_input'
70
70
  },
71
71
  className: classes.input,
72
+ sx: {
73
+ '& input::placeholder': {
74
+ color: theme.palette.grey[700],
75
+ opacity: 1
76
+ }
77
+ },
72
78
  classes: { root: classes.inputBase, input: classes.inputBaseMargin },
73
79
  placeholder: placeholder,
74
- onKeyPress: onKeyPress,
80
+ onKeyDown: onKeyPress,
75
81
  value: value,
76
82
  onChange: onChangeTerm,
77
83
  onFocus: function onFocus() {
@@ -75,7 +75,6 @@ var Cell = function Cell(_ref) {
75
75
  {
76
76
  component: 'button',
77
77
  variant: 'body1',
78
- color: 'inherit',
79
78
  underline: 'always',
80
79
  onClick: function onClick() {
81
80
  return cellHandler({ indexedDimValIds: indexedDimValIds });
@@ -99,7 +99,6 @@ var Item = function Item(_ref) {
99
99
  onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
100
100
  title: isGreyed ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
101
101
  style: {
102
- opacity: isDisabled && isGreyed ? '0.5' : '1',
103
102
  outline: accessibility ? undefined : 'none'
104
103
  },
105
104
  primary: React.createElement(
@@ -111,8 +110,7 @@ var Item = function Item(_ref) {
111
110
  Icon,
112
111
  {
113
112
  color: 'primary',
114
- className: cx(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3)),
115
- style: { opacity: isDisabled ? '0.5' : '1' }
113
+ className: cx(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
116
114
  },
117
115
  isSelected ? React.createElement(CheckedBoxIcon, null) : React.createElement(CheckBoxIcon, null)
118
116
  ),
@@ -191,6 +191,7 @@ var DataHeader = function DataHeader(_ref) {
191
191
  className: classes.title,
192
192
  style: { fontSize: fontSizeTitle },
193
193
  'data-testid': 'data-header-title',
194
+ tabindex: '-1',
194
195
  'aria-label': title.label
195
196
  },
196
197
  title.label,
@@ -76,7 +76,7 @@ var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
76
76
  flexDirection: 'row-reverse'
77
77
  },
78
78
  count: {
79
- color: theme.palette.grey[600],
79
+ color: theme.palette.grey[800],
80
80
  margin: theme.spacing(0, 0.25),
81
81
  fontSize: 11
82
82
  },
@@ -116,9 +116,15 @@ var Spotlight = function Spotlight(_ref) {
116
116
  'data-testid': testId + '_input'
117
117
  },
118
118
  className: classes.input,
119
+ sx: {
120
+ '& input::placeholder': {
121
+ color: theme.palette.grey[700],
122
+ opacity: 1
123
+ }
124
+ },
119
125
  classes: { root: classes.inputBase, input: classes.inputBaseMargin },
120
126
  placeholder: placeholder,
121
- onKeyPress: onKeyPress,
127
+ onKeyDown: onKeyPress,
122
128
  value: value,
123
129
  onChange: onChangeTerm,
124
130
  onFocus: function onFocus() {
@@ -108,7 +108,6 @@ var Cell = function Cell(_ref) {
108
108
  {
109
109
  component: 'button',
110
110
  variant: 'body1',
111
- color: 'inherit',
112
111
  underline: 'always',
113
112
  onClick: function onClick() {
114
113
  return cellHandler({ indexedDimValIds: indexedDimValIds });
@@ -142,7 +142,6 @@ var Item = function Item(_ref) {
142
142
  onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
143
143
  title: isGreyed ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
144
144
  style: {
145
- opacity: isDisabled && isGreyed ? '0.5' : '1',
146
145
  outline: accessibility ? undefined : 'none'
147
146
  },
148
147
  primary: _react2.default.createElement(
@@ -154,8 +153,7 @@ var Item = function Item(_ref) {
154
153
  _SvgIcon2.default,
155
154
  {
156
155
  color: 'primary',
157
- className: (0, _classnames2.default)(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3)),
158
- style: { opacity: isDisabled ? '0.5' : '1' }
156
+ className: (0, _classnames2.default)(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
159
157
  },
160
158
  isSelected ? _react2.default.createElement(_CheckBoxOutlined2.default, null) : _react2.default.createElement(_CheckBoxOutlineBlankOutlined2.default, null)
161
159
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "12.13.0",
3
+ "version": "12.15.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.13.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v12.15.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.13.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.15.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 */
@@ -57091,6 +57091,7 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
57091
57091
  className: classes.title,
57092
57092
  style: { fontSize: fontSizeTitle },
57093
57093
  'data-testid': 'data-header-title',
57094
+ tabindex: '-1',
57094
57095
  'aria-label': title.label
57095
57096
  },
57096
57097
  title.label,
@@ -62723,9 +62724,15 @@ var Spotlight_Spotlight = function Spotlight(_ref) {
62723
62724
  'data-testid': testId + '_input'
62724
62725
  },
62725
62726
  className: classes.input,
62727
+ sx: {
62728
+ '& input::placeholder': {
62729
+ color: theme.palette.grey[700],
62730
+ opacity: 1
62731
+ }
62732
+ },
62726
62733
  classes: { root: classes.inputBase, input: classes.inputBaseMargin },
62727
62734
  placeholder: placeholder,
62728
- onKeyPress: onKeyPress,
62735
+ onKeyDown: onKeyPress,
62729
62736
  value: value,
62730
62737
  onChange: onChangeTerm,
62731
62738
  onFocus: function onFocus() {
@@ -64357,7 +64364,6 @@ var cell_Cell = function Cell(_ref) {
64357
64364
  {
64358
64365
  component: 'button',
64359
64366
  variant: 'body1',
64360
- color: 'inherit',
64361
64367
  underline: 'always',
64362
64368
  onClick: function onClick() {
64363
64369
  return cellHandler({ indexedDimValIds: indexedDimValIds });
@@ -79610,7 +79616,6 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
79610
79616
  onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
79611
79617
  title: isGreyed ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
79612
79618
  style: {
79613
- opacity: isDisabled && isGreyed ? '0.5' : '1',
79614
79619
  outline: accessibility ? undefined : 'none'
79615
79620
  },
79616
79621
  primary: react_default.a.createElement(
@@ -79622,8 +79627,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
79622
79627
  SvgIcon["a" /* default */],
79623
79628
  {
79624
79629
  color: 'primary',
79625
- className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3)),
79626
- style: { opacity: isDisabled ? '0.5' : '1' }
79630
+ className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
79627
79631
  },
79628
79632
  isSelected ? react_default.a.createElement(CheckBoxOutlined_default.a, null) : react_default.a.createElement(CheckBoxOutlineBlankOutlined_default.a, null)
79629
79633
  ),
@@ -79780,7 +79784,7 @@ var ScopeList_styles_useStyles = makeStyles(function (theme) {
79780
79784
  flexDirection: 'row-reverse'
79781
79785
  },
79782
79786
  count: {
79783
- color: theme.palette.grey[600],
79787
+ color: theme.palette.grey[800],
79784
79788
  margin: theme.spacing(0, 0.25),
79785
79789
  fontSize: 11
79786
79790
  },