@sis-cc/dotstatsuite-visions 12.8.0 → 12.10.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.
@@ -54,7 +54,7 @@ var GroupedChips = function GroupedChips(_ref) {
54
54
  chipClasses: cx(classes.secondaryChip, classes.chip),
55
55
  onDelete: isNotRemovable ? null : onDelete,
56
56
  iconClasses: classes.icon,
57
- labelClasses: cx(classes.formatLabel)
57
+ labelClasses: cx(classes.spaceLabel, classes.formatLabel)
58
58
  }) : R.map(function (items) {
59
59
  var lastItem = R.last(items);
60
60
  var id = lastItem.id,
@@ -75,7 +75,7 @@ var GroupedChips = function GroupedChips(_ref) {
75
75
  onDelete: isNotRemovable ? null : onDelete,
76
76
  chipClasses: cx(classes.secondaryChip, classes.chip),
77
77
  iconClasses: classes.icon,
78
- labelClasses: cx(classes.formatLabel),
78
+ labelClasses: cx(classes.spaceLabel, classes.formatLabel),
79
79
  ariaLabelTooltip: ariaLabelTooltip
80
80
  });
81
81
  })(values)
@@ -15,7 +15,10 @@ export default (function (theme) {
15
15
  },
16
16
  mainChip: {
17
17
  background: 'none',
18
- color: theme.palette.text.primary
18
+ color: theme.palette.text.primary,
19
+ '&:hover, &:focus': {
20
+ backgroundColor: theme.palette.grey[300]
21
+ }
19
22
  },
20
23
  secondaryChip: {
21
24
  backgroundColor: R.path(['palette', 'tertiary', 'light'])(theme) || theme.palette.grey[100],
@@ -45,7 +48,8 @@ export default (function (theme) {
45
48
  backgroundColor: theme.palette.grey[700]
46
49
  },
47
50
  spaceLabel: {
48
- paddingLeft: 0
51
+ paddingLeft: 4,
52
+ paddingRight: 4
49
53
  },
50
54
  formatLabel: {
51
55
  whiteSpace: 'pre-wrap',
package/es/theme.js CHANGED
@@ -7,8 +7,8 @@ export var innerPalette = {
7
7
  primaryMain: '#0549ab',
8
8
  primaryLight: '#007bc7',
9
9
  primaryDark: '#0549ab',
10
- hover: 'rgba(14, 144, 224, 0.13) !important',
11
- selected: 'rgba(14, 144, 224, 0.25) !important',
10
+ hover: 'rgba(14, 144, 224, 0.13)',
11
+ selected: 'rgba(14, 144, 224, 0.25)',
12
12
  textLight: '#444444',
13
13
  textDark: '#182026'
14
14
  };
@@ -119,13 +119,19 @@ export var sisccTheme = function sisccTheme(_ref) {
119
119
  root: {
120
120
  color: outerPalette.primaryMain || innerPalette.primaryMain,
121
121
  '&.Mui-selected': {
122
- backgroundColor: outerPalette.hover || innerPalette.hover
122
+ backgroundColor: outerPalette.hover || innerPalette.hover,
123
+ '&.Mui-focusVisible': {
124
+ backgroundColor: outerPalette.hover || innerPalette.hover
125
+ }
123
126
  },
124
127
  '&:hover': {
125
128
  backgroundColor: outerPalette.hover || innerPalette.hover
126
129
  },
127
130
  '&.Mui-selected:hover': {
128
131
  backgroundColor: outerPalette.selected || innerPalette.selected
132
+ },
133
+ '&.Mui-focusVisible': {
134
+ backgroundColor: outerPalette.hover || innerPalette.hover
129
135
  }
130
136
  }
131
137
  }
@@ -305,7 +311,7 @@ export var sisccTheme = function sisccTheme(_ref) {
305
311
  title: {
306
312
  fontFamily: "'Roboto Slab', serif",
307
313
  fontSize: 18,
308
- fontWeight: 400,
314
+ fontWeight: 'bold',
309
315
  color: '#494444'
310
316
  },
311
317
  icon: {
@@ -85,7 +85,7 @@ var GroupedChips = function GroupedChips(_ref) {
85
85
  chipClasses: (0, _classnames2.default)(classes.secondaryChip, classes.chip),
86
86
  onDelete: isNotRemovable ? null : onDelete,
87
87
  iconClasses: classes.icon,
88
- labelClasses: (0, _classnames2.default)(classes.formatLabel)
88
+ labelClasses: (0, _classnames2.default)(classes.spaceLabel, classes.formatLabel)
89
89
  }) : R.map(function (items) {
90
90
  var lastItem = R.last(items);
91
91
  var id = lastItem.id,
@@ -106,7 +106,7 @@ var GroupedChips = function GroupedChips(_ref) {
106
106
  onDelete: isNotRemovable ? null : onDelete,
107
107
  chipClasses: (0, _classnames2.default)(classes.secondaryChip, classes.chip),
108
108
  iconClasses: classes.icon,
109
- labelClasses: (0, _classnames2.default)(classes.formatLabel),
109
+ labelClasses: (0, _classnames2.default)(classes.spaceLabel, classes.formatLabel),
110
110
  ariaLabelTooltip: ariaLabelTooltip
111
111
  });
112
112
  })(values)
@@ -23,7 +23,10 @@ exports.default = function (theme) {
23
23
  },
24
24
  mainChip: {
25
25
  background: 'none',
26
- color: theme.palette.text.primary
26
+ color: theme.palette.text.primary,
27
+ '&:hover, &:focus': {
28
+ backgroundColor: theme.palette.grey[300]
29
+ }
27
30
  },
28
31
  secondaryChip: {
29
32
  backgroundColor: R.path(['palette', 'tertiary', 'light'])(theme) || theme.palette.grey[100],
@@ -53,7 +56,8 @@ exports.default = function (theme) {
53
56
  backgroundColor: theme.palette.grey[700]
54
57
  },
55
58
  spaceLabel: {
56
- paddingLeft: 0
59
+ paddingLeft: 4,
60
+ paddingRight: 4
57
61
  },
58
62
  formatLabel: {
59
63
  whiteSpace: 'pre-wrap',
package/lib/theme.js CHANGED
@@ -11,8 +11,8 @@ var innerPalette = exports.innerPalette = {
11
11
  primaryMain: '#0549ab',
12
12
  primaryLight: '#007bc7',
13
13
  primaryDark: '#0549ab',
14
- hover: 'rgba(14, 144, 224, 0.13) !important',
15
- selected: 'rgba(14, 144, 224, 0.25) !important',
14
+ hover: 'rgba(14, 144, 224, 0.13)',
15
+ selected: 'rgba(14, 144, 224, 0.25)',
16
16
  textLight: '#444444',
17
17
  textDark: '#182026'
18
18
  };
@@ -123,13 +123,19 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
123
123
  root: {
124
124
  color: outerPalette.primaryMain || innerPalette.primaryMain,
125
125
  '&.Mui-selected': {
126
- backgroundColor: outerPalette.hover || innerPalette.hover
126
+ backgroundColor: outerPalette.hover || innerPalette.hover,
127
+ '&.Mui-focusVisible': {
128
+ backgroundColor: outerPalette.hover || innerPalette.hover
129
+ }
127
130
  },
128
131
  '&:hover': {
129
132
  backgroundColor: outerPalette.hover || innerPalette.hover
130
133
  },
131
134
  '&.Mui-selected:hover': {
132
135
  backgroundColor: outerPalette.selected || innerPalette.selected
136
+ },
137
+ '&.Mui-focusVisible': {
138
+ backgroundColor: outerPalette.hover || innerPalette.hover
133
139
  }
134
140
  }
135
141
  }
@@ -309,7 +315,7 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
309
315
  title: {
310
316
  fontFamily: "'Roboto Slab', serif",
311
317
  fontSize: 18,
312
- fontWeight: 400,
318
+ fontWeight: 'bold',
313
319
  color: '#494444'
314
320
  },
315
321
  icon: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "12.8.0",
3
+ "version": "12.10.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.8.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v12.10.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.8.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.10.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 */
@@ -47042,7 +47042,10 @@ _curry2(function gte(a, b) {
47042
47042
  },
47043
47043
  mainChip: {
47044
47044
  background: 'none',
47045
- color: theme.palette.text.primary
47045
+ color: theme.palette.text.primary,
47046
+ '&:hover, &:focus': {
47047
+ backgroundColor: theme.palette.grey[300]
47048
+ }
47046
47049
  },
47047
47050
  secondaryChip: {
47048
47051
  backgroundColor: es_path(['palette', 'tertiary', 'light'])(theme) || theme.palette.grey[100],
@@ -47072,7 +47075,8 @@ _curry2(function gte(a, b) {
47072
47075
  backgroundColor: theme.palette.grey[700]
47073
47076
  },
47074
47077
  spaceLabel: {
47075
- paddingLeft: 0
47078
+ paddingLeft: 4,
47079
+ paddingRight: 4
47076
47080
  },
47077
47081
  formatLabel: {
47078
47082
  whiteSpace: 'pre-wrap',
@@ -51187,7 +51191,7 @@ var GroupedChips_GroupedChips = function GroupedChips(_ref) {
51187
51191
  chipClasses: classnames_default()(classes.secondaryChip, classes.chip),
51188
51192
  onDelete: isNotRemovable ? null : onDelete,
51189
51193
  iconClasses: classes.icon,
51190
- labelClasses: classnames_default()(classes.formatLabel)
51194
+ labelClasses: classnames_default()(classes.spaceLabel, classes.formatLabel)
51191
51195
  }) : es_map(function (items) {
51192
51196
  var lastItem = es_last(items);
51193
51197
  var id = lastItem.id,
@@ -51208,7 +51212,7 @@ var GroupedChips_GroupedChips = function GroupedChips(_ref) {
51208
51212
  onDelete: isNotRemovable ? null : onDelete,
51209
51213
  chipClasses: classnames_default()(classes.secondaryChip, classes.chip),
51210
51214
  iconClasses: classes.icon,
51211
- labelClasses: classnames_default()(classes.formatLabel),
51215
+ labelClasses: classnames_default()(classes.spaceLabel, classes.formatLabel),
51212
51216
  ariaLabelTooltip: ariaLabelTooltip
51213
51217
  });
51214
51218
  })(values)
@@ -56138,8 +56142,8 @@ var innerPalette = {
56138
56142
  primaryMain: '#0549ab',
56139
56143
  primaryLight: '#007bc7',
56140
56144
  primaryDark: '#0549ab',
56141
- hover: 'rgba(14, 144, 224, 0.13) !important',
56142
- selected: 'rgba(14, 144, 224, 0.25) !important',
56145
+ hover: 'rgba(14, 144, 224, 0.13)',
56146
+ selected: 'rgba(14, 144, 224, 0.25)',
56143
56147
  textLight: '#444444',
56144
56148
  textDark: '#182026'
56145
56149
  };
@@ -56250,13 +56254,19 @@ var sisccTheme = function sisccTheme(_ref) {
56250
56254
  root: {
56251
56255
  color: outerPalette.primaryMain || innerPalette.primaryMain,
56252
56256
  '&.Mui-selected': {
56253
- backgroundColor: outerPalette.hover || innerPalette.hover
56257
+ backgroundColor: outerPalette.hover || innerPalette.hover,
56258
+ '&.Mui-focusVisible': {
56259
+ backgroundColor: outerPalette.hover || innerPalette.hover
56260
+ }
56254
56261
  },
56255
56262
  '&:hover': {
56256
56263
  backgroundColor: outerPalette.hover || innerPalette.hover
56257
56264
  },
56258
56265
  '&.Mui-selected:hover': {
56259
56266
  backgroundColor: outerPalette.selected || innerPalette.selected
56267
+ },
56268
+ '&.Mui-focusVisible': {
56269
+ backgroundColor: outerPalette.hover || innerPalette.hover
56260
56270
  }
56261
56271
  }
56262
56272
  }
@@ -56436,7 +56446,7 @@ var sisccTheme = function sisccTheme(_ref) {
56436
56446
  title: {
56437
56447
  fontFamily: "'Roboto Slab', serif",
56438
56448
  fontSize: 18,
56439
- fontWeight: 400,
56449
+ fontWeight: 'bold',
56440
56450
  color: '#494444'
56441
56451
  },
56442
56452
  icon: {