@sis-cc/dotstatsuite-visions 12.14.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/DataHeader/DataHeader.js +1 -0
- package/es/ScopeList/styles.js +1 -1
- package/es/Spotlight/Spotlight.js +7 -1
- package/es/TableHtml5/flags.js +10 -5
- package/es/VirtualizedTree/Item.js +1 -3
- package/es/theme.js +6 -2
- package/lib/DataHeader/DataHeader.js +1 -0
- package/lib/ScopeList/styles.js +1 -1
- package/lib/Spotlight/Spotlight.js +7 -1
- package/lib/TableHtml5/flags.js +11 -5
- package/lib/VirtualizedTree/Item.js +1 -3
- package/lib/theme.js +6 -2
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +28 -14
- package/umd/@sis-cc/dotstatsuite-visions.min.js +4 -4
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/es/ScopeList/styles.js
CHANGED
|
@@ -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
|
-
|
|
80
|
+
onKeyDown: onKeyPress,
|
|
75
81
|
value: value,
|
|
76
82
|
onChange: onChangeTerm,
|
|
77
83
|
onFocus: function onFocus() {
|
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,
|
|
@@ -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
|
),
|
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/ScopeList/styles.js
CHANGED
|
@@ -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
|
-
|
|
127
|
+
onKeyDown: onKeyPress,
|
|
122
128
|
value: value,
|
|
123
129
|
onChange: onChangeTerm,
|
|
124
130
|
onFocus: function onFocus() {
|
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,
|
|
@@ -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/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
|
|
@@ -57091,6 +57095,7 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
|
|
|
57091
57095
|
className: classes.title,
|
|
57092
57096
|
style: { fontSize: fontSizeTitle },
|
|
57093
57097
|
'data-testid': 'data-header-title',
|
|
57098
|
+
tabindex: '-1',
|
|
57094
57099
|
'aria-label': title.label
|
|
57095
57100
|
},
|
|
57096
57101
|
title.label,
|
|
@@ -62723,9 +62728,15 @@ var Spotlight_Spotlight = function Spotlight(_ref) {
|
|
|
62723
62728
|
'data-testid': testId + '_input'
|
|
62724
62729
|
},
|
|
62725
62730
|
className: classes.input,
|
|
62731
|
+
sx: {
|
|
62732
|
+
'& input::placeholder': {
|
|
62733
|
+
color: theme.palette.grey[700],
|
|
62734
|
+
opacity: 1
|
|
62735
|
+
}
|
|
62736
|
+
},
|
|
62726
62737
|
classes: { root: classes.inputBase, input: classes.inputBaseMargin },
|
|
62727
62738
|
placeholder: placeholder,
|
|
62728
|
-
|
|
62739
|
+
onKeyDown: onKeyPress,
|
|
62729
62740
|
value: value,
|
|
62730
62741
|
onChange: onChangeTerm,
|
|
62731
62742
|
onFocus: function onFocus() {
|
|
@@ -63575,6 +63586,10 @@ var flags_extends = Object.assign || function (target) { for (var i = 1; i < arg
|
|
|
63575
63586
|
|
|
63576
63587
|
|
|
63577
63588
|
|
|
63589
|
+
|
|
63590
|
+
var flags_flagStylePath = function flagStylePath(theme) {
|
|
63591
|
+
return es_pathOr({}, ['mixins', 'table', 'flag'], theme);
|
|
63592
|
+
};
|
|
63578
63593
|
var flags_useStyles = makeStyles(function (theme) {
|
|
63579
63594
|
return {
|
|
63580
63595
|
content: flags_extends({
|
|
@@ -63594,10 +63609,10 @@ var flags_useStyles = makeStyles(function (theme) {
|
|
|
63594
63609
|
fontWeight: 'bold',
|
|
63595
63610
|
fontStyle: 'normal',
|
|
63596
63611
|
position: 'relative',
|
|
63597
|
-
|
|
63598
|
-
},
|
|
63612
|
+
verticalAlign: es_propOr('middle', 'verticalAlign', flags_flagStylePath(theme))
|
|
63613
|
+
}, es_propOr({}, 'root', flags_flagStylePath(theme))),
|
|
63599
63614
|
svg: {
|
|
63600
|
-
verticalAlign: 'middle'
|
|
63615
|
+
verticalAlign: es_propOr('middle', 'verticalAlign', flags_flagStylePath(theme))
|
|
63601
63616
|
},
|
|
63602
63617
|
header: {
|
|
63603
63618
|
color: theme.palette.getContrastText(theme.palette.primary.main)
|
|
@@ -63615,6 +63630,7 @@ var flags_Flags = function Flags(_ref) {
|
|
|
63615
63630
|
labelAccessor = _ref.labelAccessor;
|
|
63616
63631
|
|
|
63617
63632
|
var classes = flags_useStyles();
|
|
63633
|
+
var theme = styles_useTheme_useTheme();
|
|
63618
63634
|
var noFlags = es_isNil(flags) || es_isEmpty(flags);
|
|
63619
63635
|
|
|
63620
63636
|
var _useKeyboardEscapeHan = useKeybordEscapeHandler(),
|
|
@@ -63626,7 +63642,7 @@ var flags_Flags = function Flags(_ref) {
|
|
|
63626
63642
|
var hasUncoded = es_any(es_complement(es_has('code')), flags);
|
|
63627
63643
|
var codedIcons = pipe(es_reduce(function (acc, flag) {
|
|
63628
63644
|
return es_when(es_always(es_has('code', flag)), es_append(flag.code))(acc);
|
|
63629
|
-
}, []), es_join(','))(flags);
|
|
63645
|
+
}, []), es_join(es_propOr(',', 'delimiters', flags_flagStylePath(theme))))(flags);
|
|
63630
63646
|
|
|
63631
63647
|
var labels = es_map(function (flag) {
|
|
63632
63648
|
var value = TableHtml5_utils_getValue(labelAccessor)(flag);
|
|
@@ -63669,7 +63685,7 @@ var flags_Flags = function Flags(_ref) {
|
|
|
63669
63685
|
es_and(es_not(es_isEmpty(codedIcons)), hasUncoded) && react_default.a.createElement(
|
|
63670
63686
|
react_default.a.Fragment,
|
|
63671
63687
|
null,
|
|
63672
|
-
','
|
|
63688
|
+
es_propOr(',', 'delimiters', flags_flagStylePath(theme))
|
|
63673
63689
|
),
|
|
63674
63690
|
hasUncoded && react_default.a.createElement(
|
|
63675
63691
|
react["Fragment"],
|
|
@@ -79609,7 +79625,6 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
|
|
|
79609
79625
|
onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
|
|
79610
79626
|
title: isGreyed ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
|
|
79611
79627
|
style: {
|
|
79612
|
-
opacity: isDisabled && isGreyed ? '0.5' : '1',
|
|
79613
79628
|
outline: accessibility ? undefined : 'none'
|
|
79614
79629
|
},
|
|
79615
79630
|
primary: react_default.a.createElement(
|
|
@@ -79621,8 +79636,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
|
|
|
79621
79636
|
SvgIcon["a" /* default */],
|
|
79622
79637
|
{
|
|
79623
79638
|
color: 'primary',
|
|
79624
|
-
className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
|
|
79625
|
-
style: { opacity: isDisabled ? '0.5' : '1' }
|
|
79639
|
+
className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
|
|
79626
79640
|
},
|
|
79627
79641
|
isSelected ? react_default.a.createElement(CheckBoxOutlined_default.a, null) : react_default.a.createElement(CheckBoxOutlineBlankOutlined_default.a, null)
|
|
79628
79642
|
),
|
|
@@ -79779,7 +79793,7 @@ var ScopeList_styles_useStyles = makeStyles(function (theme) {
|
|
|
79779
79793
|
flexDirection: 'row-reverse'
|
|
79780
79794
|
},
|
|
79781
79795
|
count: {
|
|
79782
|
-
color: theme.palette.grey[
|
|
79796
|
+
color: theme.palette.grey[800],
|
|
79783
79797
|
margin: theme.spacing(0, 0.25),
|
|
79784
79798
|
fontSize: 11
|
|
79785
79799
|
},
|