@sis-cc/dotstatsuite-visions 12.15.0 → 12.16.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/TableHtml5/flags.js +10 -5
- package/es/theme.js +6 -2
- package/lib/TableHtml5/flags.js +11 -5
- package/lib/theme.js +6 -2
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +18 -9
- package/umd/@sis-cc/dotstatsuite-visions.min.js +4 -4
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/es/TableHtml5/flags.js
CHANGED
|
@@ -6,12 +6,16 @@ import * as R from 'ramda';
|
|
|
6
6
|
import cx from 'classnames';
|
|
7
7
|
import makeStyles from '@mui/styles/makeStyles';
|
|
8
8
|
import Typography from '@mui/material/Typography';
|
|
9
|
+
import { useTheme } from '@mui/material/styles';
|
|
9
10
|
import { visuallyHidden } from '@mui/utils';
|
|
10
11
|
import Tooltip from '@mui/material/Tooltip';
|
|
11
12
|
import { Asterisk } from '../';
|
|
12
13
|
import { getValue } from './utils';
|
|
13
14
|
import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
|
|
14
15
|
|
|
16
|
+
var flagStylePath = function flagStylePath(theme) {
|
|
17
|
+
return R.pathOr({}, ['mixins', 'table', 'flag'], theme);
|
|
18
|
+
};
|
|
15
19
|
var useStyles = makeStyles(function (theme) {
|
|
16
20
|
return {
|
|
17
21
|
content: _extends({
|
|
@@ -31,10 +35,10 @@ var useStyles = makeStyles(function (theme) {
|
|
|
31
35
|
fontWeight: 'bold',
|
|
32
36
|
fontStyle: 'normal',
|
|
33
37
|
position: 'relative',
|
|
34
|
-
|
|
35
|
-
}, R.
|
|
38
|
+
verticalAlign: R.propOr('middle', 'verticalAlign', flagStylePath(theme))
|
|
39
|
+
}, R.propOr({}, 'root', flagStylePath(theme))),
|
|
36
40
|
svg: {
|
|
37
|
-
verticalAlign: 'middle'
|
|
41
|
+
verticalAlign: R.propOr('middle', 'verticalAlign', flagStylePath(theme))
|
|
38
42
|
},
|
|
39
43
|
header: {
|
|
40
44
|
color: theme.palette.getContrastText(theme.palette.primary.main)
|
|
@@ -52,6 +56,7 @@ var Flags = function Flags(_ref) {
|
|
|
52
56
|
labelAccessor = _ref.labelAccessor;
|
|
53
57
|
|
|
54
58
|
var classes = useStyles();
|
|
59
|
+
var theme = useTheme();
|
|
55
60
|
var noFlags = R.isNil(flags) || R.isEmpty(flags);
|
|
56
61
|
|
|
57
62
|
var _useKeyboardEscapeHan = useKeyboardEscapeHandler(),
|
|
@@ -63,7 +68,7 @@ var Flags = function Flags(_ref) {
|
|
|
63
68
|
var hasUncoded = R.any(R.complement(R.has('code')), flags);
|
|
64
69
|
var codedIcons = R.pipe(R.reduce(function (acc, flag) {
|
|
65
70
|
return R.when(R.always(R.has('code', flag)), R.append(flag.code))(acc);
|
|
66
|
-
}, []), R.join(','))(flags);
|
|
71
|
+
}, []), R.join(R.propOr(',', 'delimiters', flagStylePath(theme))))(flags);
|
|
67
72
|
|
|
68
73
|
var labels = R.map(function (flag) {
|
|
69
74
|
var value = getValue(labelAccessor)(flag);
|
|
@@ -106,7 +111,7 @@ var Flags = function Flags(_ref) {
|
|
|
106
111
|
R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && React.createElement(
|
|
107
112
|
React.Fragment,
|
|
108
113
|
null,
|
|
109
|
-
','
|
|
114
|
+
R.propOr(',', 'delimiters', flagStylePath(theme))
|
|
110
115
|
),
|
|
111
116
|
hasUncoded && React.createElement(
|
|
112
117
|
Fragment,
|
package/es/theme.js
CHANGED
|
@@ -349,8 +349,12 @@ export var sisccTheme = function sisccTheme(_ref) {
|
|
|
349
349
|
},
|
|
350
350
|
table: {
|
|
351
351
|
flag: {
|
|
352
|
-
|
|
353
|
-
|
|
352
|
+
root: {
|
|
353
|
+
fontSize: 10,
|
|
354
|
+
color: outerPalette.textLight || innerPalette.textLight
|
|
355
|
+
},
|
|
356
|
+
delimiters: ' ',
|
|
357
|
+
verticalAlign: 'top'
|
|
354
358
|
},
|
|
355
359
|
dot: {
|
|
356
360
|
fontSize: 8
|
package/lib/TableHtml5/flags.js
CHANGED
|
@@ -28,6 +28,8 @@ var _Typography = require('@mui/material/Typography');
|
|
|
28
28
|
|
|
29
29
|
var _Typography2 = _interopRequireDefault(_Typography);
|
|
30
30
|
|
|
31
|
+
var _styles = require('@mui/material/styles');
|
|
32
|
+
|
|
31
33
|
var _utils = require('@mui/utils');
|
|
32
34
|
|
|
33
35
|
var _Tooltip = require('@mui/material/Tooltip');
|
|
@@ -46,6 +48,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
|
|
|
46
48
|
|
|
47
49
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
48
50
|
|
|
51
|
+
var flagStylePath = function flagStylePath(theme) {
|
|
52
|
+
return R.pathOr({}, ['mixins', 'table', 'flag'], theme);
|
|
53
|
+
};
|
|
49
54
|
var useStyles = (0, _makeStyles2.default)(function (theme) {
|
|
50
55
|
return {
|
|
51
56
|
content: _extends({
|
|
@@ -65,10 +70,10 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
|
|
|
65
70
|
fontWeight: 'bold',
|
|
66
71
|
fontStyle: 'normal',
|
|
67
72
|
position: 'relative',
|
|
68
|
-
|
|
69
|
-
}, R.
|
|
73
|
+
verticalAlign: R.propOr('middle', 'verticalAlign', flagStylePath(theme))
|
|
74
|
+
}, R.propOr({}, 'root', flagStylePath(theme))),
|
|
70
75
|
svg: {
|
|
71
|
-
verticalAlign: 'middle'
|
|
76
|
+
verticalAlign: R.propOr('middle', 'verticalAlign', flagStylePath(theme))
|
|
72
77
|
},
|
|
73
78
|
header: {
|
|
74
79
|
color: theme.palette.getContrastText(theme.palette.primary.main)
|
|
@@ -86,6 +91,7 @@ var Flags = function Flags(_ref) {
|
|
|
86
91
|
labelAccessor = _ref.labelAccessor;
|
|
87
92
|
|
|
88
93
|
var classes = useStyles();
|
|
94
|
+
var theme = (0, _styles.useTheme)();
|
|
89
95
|
var noFlags = R.isNil(flags) || R.isEmpty(flags);
|
|
90
96
|
|
|
91
97
|
var _useKeyboardEscapeHan = (0, _useKeybordEscapeHandler2.default)(),
|
|
@@ -97,7 +103,7 @@ var Flags = function Flags(_ref) {
|
|
|
97
103
|
var hasUncoded = R.any(R.complement(R.has('code')), flags);
|
|
98
104
|
var codedIcons = R.pipe(R.reduce(function (acc, flag) {
|
|
99
105
|
return R.when(R.always(R.has('code', flag)), R.append(flag.code))(acc);
|
|
100
|
-
}, []), R.join(','))(flags);
|
|
106
|
+
}, []), R.join(R.propOr(',', 'delimiters', flagStylePath(theme))))(flags);
|
|
101
107
|
|
|
102
108
|
var labels = R.map(function (flag) {
|
|
103
109
|
var value = (0, _utils2.getValue)(labelAccessor)(flag);
|
|
@@ -140,7 +146,7 @@ var Flags = function Flags(_ref) {
|
|
|
140
146
|
R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && _react2.default.createElement(
|
|
141
147
|
_react2.default.Fragment,
|
|
142
148
|
null,
|
|
143
|
-
','
|
|
149
|
+
R.propOr(',', 'delimiters', flagStylePath(theme))
|
|
144
150
|
),
|
|
145
151
|
hasUncoded && _react2.default.createElement(
|
|
146
152
|
_react.Fragment,
|
package/lib/theme.js
CHANGED
|
@@ -353,8 +353,12 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
|
|
|
353
353
|
},
|
|
354
354
|
table: {
|
|
355
355
|
flag: {
|
|
356
|
-
|
|
357
|
-
|
|
356
|
+
root: {
|
|
357
|
+
fontSize: 10,
|
|
358
|
+
color: outerPalette.textLight || innerPalette.textLight
|
|
359
|
+
},
|
|
360
|
+
delimiters: ' ',
|
|
361
|
+
verticalAlign: 'top'
|
|
358
362
|
},
|
|
359
363
|
dot: {
|
|
360
364
|
fontSize: 8
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v12.
|
|
2
|
+
* @sis-cc/dotstatsuite-visions v12.16.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.16.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 */
|
|
@@ -56484,8 +56484,12 @@ var sisccTheme = function sisccTheme(_ref) {
|
|
|
56484
56484
|
},
|
|
56485
56485
|
table: {
|
|
56486
56486
|
flag: {
|
|
56487
|
-
|
|
56488
|
-
|
|
56487
|
+
root: {
|
|
56488
|
+
fontSize: 10,
|
|
56489
|
+
color: outerPalette.textLight || innerPalette.textLight
|
|
56490
|
+
},
|
|
56491
|
+
delimiters: ' ',
|
|
56492
|
+
verticalAlign: 'top'
|
|
56489
56493
|
},
|
|
56490
56494
|
dot: {
|
|
56491
56495
|
fontSize: 8
|
|
@@ -63582,6 +63586,10 @@ var flags_extends = Object.assign || function (target) { for (var i = 1; i < arg
|
|
|
63582
63586
|
|
|
63583
63587
|
|
|
63584
63588
|
|
|
63589
|
+
|
|
63590
|
+
var flags_flagStylePath = function flagStylePath(theme) {
|
|
63591
|
+
return es_pathOr({}, ['mixins', 'table', 'flag'], theme);
|
|
63592
|
+
};
|
|
63585
63593
|
var flags_useStyles = makeStyles(function (theme) {
|
|
63586
63594
|
return {
|
|
63587
63595
|
content: flags_extends({
|
|
@@ -63601,10 +63609,10 @@ var flags_useStyles = makeStyles(function (theme) {
|
|
|
63601
63609
|
fontWeight: 'bold',
|
|
63602
63610
|
fontStyle: 'normal',
|
|
63603
63611
|
position: 'relative',
|
|
63604
|
-
|
|
63605
|
-
},
|
|
63612
|
+
verticalAlign: es_propOr('middle', 'verticalAlign', flags_flagStylePath(theme))
|
|
63613
|
+
}, es_propOr({}, 'root', flags_flagStylePath(theme))),
|
|
63606
63614
|
svg: {
|
|
63607
|
-
verticalAlign: 'middle'
|
|
63615
|
+
verticalAlign: es_propOr('middle', 'verticalAlign', flags_flagStylePath(theme))
|
|
63608
63616
|
},
|
|
63609
63617
|
header: {
|
|
63610
63618
|
color: theme.palette.getContrastText(theme.palette.primary.main)
|
|
@@ -63622,6 +63630,7 @@ var flags_Flags = function Flags(_ref) {
|
|
|
63622
63630
|
labelAccessor = _ref.labelAccessor;
|
|
63623
63631
|
|
|
63624
63632
|
var classes = flags_useStyles();
|
|
63633
|
+
var theme = styles_useTheme_useTheme();
|
|
63625
63634
|
var noFlags = es_isNil(flags) || es_isEmpty(flags);
|
|
63626
63635
|
|
|
63627
63636
|
var _useKeyboardEscapeHan = useKeybordEscapeHandler(),
|
|
@@ -63633,7 +63642,7 @@ var flags_Flags = function Flags(_ref) {
|
|
|
63633
63642
|
var hasUncoded = es_any(es_complement(es_has('code')), flags);
|
|
63634
63643
|
var codedIcons = pipe(es_reduce(function (acc, flag) {
|
|
63635
63644
|
return es_when(es_always(es_has('code', flag)), es_append(flag.code))(acc);
|
|
63636
|
-
}, []), es_join(','))(flags);
|
|
63645
|
+
}, []), es_join(es_propOr(',', 'delimiters', flags_flagStylePath(theme))))(flags);
|
|
63637
63646
|
|
|
63638
63647
|
var labels = es_map(function (flag) {
|
|
63639
63648
|
var value = TableHtml5_utils_getValue(labelAccessor)(flag);
|
|
@@ -63676,7 +63685,7 @@ var flags_Flags = function Flags(_ref) {
|
|
|
63676
63685
|
es_and(es_not(es_isEmpty(codedIcons)), hasUncoded) && react_default.a.createElement(
|
|
63677
63686
|
react_default.a.Fragment,
|
|
63678
63687
|
null,
|
|
63679
|
-
','
|
|
63688
|
+
es_propOr(',', 'delimiters', flags_flagStylePath(theme))
|
|
63680
63689
|
),
|
|
63681
63690
|
hasUncoded && react_default.a.createElement(
|
|
63682
63691
|
react["Fragment"],
|