@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.
- package/es/Chips/GroupedChips.js +2 -2
- package/es/Chips/styles.js +6 -2
- package/es/theme.js +10 -4
- package/lib/Chips/GroupedChips.js +2 -2
- package/lib/Chips/styles.js +6 -2
- package/lib/theme.js +10 -4
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +20 -10
- package/umd/@sis-cc/dotstatsuite-visions.min.js +4 -4
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/es/Chips/GroupedChips.js
CHANGED
|
@@ -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)
|
package/es/Chips/styles.js
CHANGED
|
@@ -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:
|
|
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)
|
|
11
|
-
selected: 'rgba(14, 144, 224, 0.25)
|
|
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:
|
|
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)
|
package/lib/Chips/styles.js
CHANGED
|
@@ -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:
|
|
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)
|
|
15
|
-
selected: 'rgba(14, 144, 224, 0.25)
|
|
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:
|
|
318
|
+
fontWeight: 'bold',
|
|
313
319
|
color: '#494444'
|
|
314
320
|
},
|
|
315
321
|
icon: {
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v12.
|
|
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.
|
|
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:
|
|
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)
|
|
56142
|
-
selected: 'rgba(14, 144, 224, 0.25)
|
|
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:
|
|
56449
|
+
fontWeight: 'bold',
|
|
56440
56450
|
color: '#494444'
|
|
56441
56451
|
},
|
|
56442
56452
|
icon: {
|