@sis-cc/dotstatsuite-visions 12.14.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.
@@ -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() {
@@ -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() {
@@ -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.14.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.14.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.14.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() {
@@ -79609,7 +79616,6 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
79609
79616
  onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
79610
79617
  title: isGreyed ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
79611
79618
  style: {
79612
- opacity: isDisabled && isGreyed ? '0.5' : '1',
79613
79619
  outline: accessibility ? undefined : 'none'
79614
79620
  },
79615
79621
  primary: react_default.a.createElement(
@@ -79621,8 +79627,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
79621
79627
  SvgIcon["a" /* default */],
79622
79628
  {
79623
79629
  color: 'primary',
79624
- className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3)),
79625
- style: { opacity: isDisabled ? '0.5' : '1' }
79630
+ className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
79626
79631
  },
79627
79632
  isSelected ? react_default.a.createElement(CheckBoxOutlined_default.a, null) : react_default.a.createElement(CheckBoxOutlineBlankOutlined_default.a, null)
79628
79633
  ),
@@ -79779,7 +79784,7 @@ var ScopeList_styles_useStyles = makeStyles(function (theme) {
79779
79784
  flexDirection: 'row-reverse'
79780
79785
  },
79781
79786
  count: {
79782
- color: theme.palette.grey[600],
79787
+ color: theme.palette.grey[800],
79783
79788
  margin: theme.spacing(0, 0.25),
79784
79789
  fontSize: 11
79785
79790
  },