@sis-cc/dotstatsuite-visions 12.4.0 → 12.5.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/PeriodPicker/PeriodPicker.js +3 -2
- package/es/theme.js +20 -9
- package/lib/PeriodPicker/PeriodPicker.js +14 -15
- package/lib/theme.js +20 -9
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +24 -12
- package/umd/@sis-cc/dotstatsuite-visions.min.js +3 -3
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import * as R from 'ramda';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import dateFns from 'date-fns';
|
|
5
|
-
import Grid from '@mui/material
|
|
5
|
+
import { Grid, Typography } from '@mui/material';
|
|
6
6
|
import { numeralFormat } from './lib';
|
|
7
7
|
import { Select } from '../';
|
|
8
8
|
import useStyles from './styles';
|
|
@@ -133,8 +133,9 @@ var Period = function Period(_ref) {
|
|
|
133
133
|
Grid,
|
|
134
134
|
{ item: true, xs: 12, className: classes.sideLabel },
|
|
135
135
|
React.createElement(
|
|
136
|
-
|
|
136
|
+
Typography,
|
|
137
137
|
{
|
|
138
|
+
variant: 'body2',
|
|
138
139
|
tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
|
|
139
140
|
, 'aria-label': label
|
|
140
141
|
},
|
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) !important',
|
|
11
|
+
selected: 'rgba(14, 144, 224, 0.25) !important',
|
|
12
12
|
textLight: '#444444',
|
|
13
13
|
textDark: '#182026'
|
|
14
14
|
};
|
|
@@ -42,6 +42,13 @@ export var sisccTheme = function sisccTheme(_ref) {
|
|
|
42
42
|
return {
|
|
43
43
|
direction: rtl,
|
|
44
44
|
components: {
|
|
45
|
+
MuiCssBaseline: {
|
|
46
|
+
styleOverrides: {
|
|
47
|
+
body: {
|
|
48
|
+
fontSize: '0.875rem'
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
},
|
|
45
52
|
MuiButtonBase: {
|
|
46
53
|
defaultProps: {
|
|
47
54
|
disableRipple: true
|
|
@@ -111,11 +118,14 @@ export var sisccTheme = function sisccTheme(_ref) {
|
|
|
111
118
|
styleOverrides: {
|
|
112
119
|
root: {
|
|
113
120
|
color: outerPalette.primaryMain || innerPalette.primaryMain,
|
|
114
|
-
'
|
|
115
|
-
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
121
|
+
'&.Mui-selected': {
|
|
122
|
+
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
123
|
+
},
|
|
124
|
+
'&:hover': {
|
|
125
|
+
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
126
|
+
},
|
|
127
|
+
'&.Mui-selected:hover': {
|
|
128
|
+
backgroundColor: outerPalette.selected || innerPalette.selected
|
|
119
129
|
}
|
|
120
130
|
}
|
|
121
131
|
}
|
|
@@ -142,7 +152,8 @@ export var sisccTheme = function sisccTheme(_ref) {
|
|
|
142
152
|
root: {
|
|
143
153
|
color: outerPalette.primaryMain || innerPalette.primaryMain,
|
|
144
154
|
'&:hover': {
|
|
145
|
-
color: outerPalette.primaryLight || innerPalette.primaryLight
|
|
155
|
+
color: outerPalette.primaryLight || innerPalette.primaryLight,
|
|
156
|
+
textDecoration: 'underline'
|
|
146
157
|
},
|
|
147
158
|
'&.Mui-focused': isA11y && focus
|
|
148
159
|
},
|
|
@@ -362,7 +373,7 @@ export var sisccTheme = function sisccTheme(_ref) {
|
|
|
362
373
|
typography: {
|
|
363
374
|
fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
364
375
|
h6: {
|
|
365
|
-
fontSize: '
|
|
376
|
+
fontSize: '1.0625rem'
|
|
366
377
|
},
|
|
367
378
|
body1: {
|
|
368
379
|
fontSize: '0.750rem',
|
|
@@ -18,9 +18,7 @@ var _dateFns = require('date-fns');
|
|
|
18
18
|
|
|
19
19
|
var _dateFns2 = _interopRequireDefault(_dateFns);
|
|
20
20
|
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
var _Grid2 = _interopRequireDefault(_Grid);
|
|
21
|
+
var _material = require('@mui/material');
|
|
24
22
|
|
|
25
23
|
var _lib = require('./lib');
|
|
26
24
|
|
|
@@ -118,10 +116,10 @@ var Period = function Period(_ref) {
|
|
|
118
116
|
};
|
|
119
117
|
};
|
|
120
118
|
return _react2.default.createElement(
|
|
121
|
-
|
|
119
|
+
_material.Grid,
|
|
122
120
|
{ 'data-testid': 'period-picker-test-id', container: true, direction: 'row' },
|
|
123
121
|
showFrequency && _react2.default.createElement(
|
|
124
|
-
|
|
122
|
+
_material.Grid,
|
|
125
123
|
{
|
|
126
124
|
item: true,
|
|
127
125
|
xs: 12,
|
|
@@ -129,10 +127,10 @@ var Period = function Period(_ref) {
|
|
|
129
127
|
'data-testid': 'period-picker-frequency-test-id'
|
|
130
128
|
},
|
|
131
129
|
_react2.default.createElement(
|
|
132
|
-
|
|
130
|
+
_material.Grid,
|
|
133
131
|
{ container: true, direction: 'row' },
|
|
134
132
|
_react2.default.createElement(
|
|
135
|
-
|
|
133
|
+
_material.Grid,
|
|
136
134
|
{ item: true, xs: 12 },
|
|
137
135
|
_react2.default.createElement(_.Select, {
|
|
138
136
|
id: labels.frequency,
|
|
@@ -152,17 +150,18 @@ var Period = function Period(_ref) {
|
|
|
152
150
|
testId = _ref3.testId,
|
|
153
151
|
getIsDisabled = _ref3.getIsDisabled;
|
|
154
152
|
return _react2.default.createElement(
|
|
155
|
-
|
|
153
|
+
_material.Grid,
|
|
156
154
|
{ key: getter, item: true, xs: 12, 'data-testid': testId },
|
|
157
155
|
_react2.default.createElement(
|
|
158
|
-
|
|
156
|
+
_material.Grid,
|
|
159
157
|
{ container: true, direction: 'row' },
|
|
160
158
|
_react2.default.createElement(
|
|
161
|
-
|
|
159
|
+
_material.Grid,
|
|
162
160
|
{ item: true, xs: 12, className: classes.sideLabel },
|
|
163
161
|
_react2.default.createElement(
|
|
164
|
-
|
|
162
|
+
_material.Typography,
|
|
165
163
|
{
|
|
164
|
+
variant: 'body2',
|
|
166
165
|
tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
|
|
167
166
|
, 'aria-label': label
|
|
168
167
|
},
|
|
@@ -171,13 +170,13 @@ var Period = function Period(_ref) {
|
|
|
171
170
|
)
|
|
172
171
|
),
|
|
173
172
|
_react2.default.createElement(
|
|
174
|
-
|
|
173
|
+
_material.Grid,
|
|
175
174
|
{ container: true, direction: 'row' },
|
|
176
175
|
_react2.default.createElement(
|
|
177
|
-
|
|
176
|
+
_material.Grid,
|
|
178
177
|
{ item: true, xs: 12 },
|
|
179
178
|
_react2.default.createElement(
|
|
180
|
-
|
|
179
|
+
_material.Grid,
|
|
181
180
|
{ container: true, className: classes.headerContainer, spacing: 1 },
|
|
182
181
|
R.map(function (row) {
|
|
183
182
|
return R.map(function (_ref4) {
|
|
@@ -186,7 +185,7 @@ var Period = function Period(_ref) {
|
|
|
186
185
|
|
|
187
186
|
var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
|
|
188
187
|
return _react2.default.createElement(
|
|
189
|
-
|
|
188
|
+
_material.Grid,
|
|
190
189
|
{
|
|
191
190
|
key: id,
|
|
192
191
|
item: true,
|
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) !important',
|
|
15
|
+
selected: 'rgba(14, 144, 224, 0.25) !important',
|
|
16
16
|
textLight: '#444444',
|
|
17
17
|
textDark: '#182026'
|
|
18
18
|
};
|
|
@@ -46,6 +46,13 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
|
|
|
46
46
|
return {
|
|
47
47
|
direction: rtl,
|
|
48
48
|
components: {
|
|
49
|
+
MuiCssBaseline: {
|
|
50
|
+
styleOverrides: {
|
|
51
|
+
body: {
|
|
52
|
+
fontSize: '0.875rem'
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
49
56
|
MuiButtonBase: {
|
|
50
57
|
defaultProps: {
|
|
51
58
|
disableRipple: true
|
|
@@ -115,11 +122,14 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
|
|
|
115
122
|
styleOverrides: {
|
|
116
123
|
root: {
|
|
117
124
|
color: outerPalette.primaryMain || innerPalette.primaryMain,
|
|
118
|
-
'
|
|
119
|
-
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
125
|
+
'&.Mui-selected': {
|
|
126
|
+
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
127
|
+
},
|
|
128
|
+
'&:hover': {
|
|
129
|
+
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
130
|
+
},
|
|
131
|
+
'&.Mui-selected:hover': {
|
|
132
|
+
backgroundColor: outerPalette.selected || innerPalette.selected
|
|
123
133
|
}
|
|
124
134
|
}
|
|
125
135
|
}
|
|
@@ -146,7 +156,8 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
|
|
|
146
156
|
root: {
|
|
147
157
|
color: outerPalette.primaryMain || innerPalette.primaryMain,
|
|
148
158
|
'&:hover': {
|
|
149
|
-
color: outerPalette.primaryLight || innerPalette.primaryLight
|
|
159
|
+
color: outerPalette.primaryLight || innerPalette.primaryLight,
|
|
160
|
+
textDecoration: 'underline'
|
|
150
161
|
},
|
|
151
162
|
'&.Mui-focused': isA11y && focus
|
|
152
163
|
},
|
|
@@ -366,7 +377,7 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
|
|
|
366
377
|
typography: {
|
|
367
378
|
fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
368
379
|
h6: {
|
|
369
|
-
fontSize: '
|
|
380
|
+
fontSize: '1.0625rem'
|
|
370
381
|
},
|
|
371
382
|
body1: {
|
|
372
383
|
fontSize: '0.750rem',
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v12.
|
|
2
|
+
* @sis-cc/dotstatsuite-visions v12.5.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.5.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 */
|
|
@@ -56138,8 +56138,8 @@ var innerPalette = {
|
|
|
56138
56138
|
primaryMain: '#0549ab',
|
|
56139
56139
|
primaryLight: '#007bc7',
|
|
56140
56140
|
primaryDark: '#0549ab',
|
|
56141
|
-
hover: 'rgba(14, 144, 224, 0.13)',
|
|
56142
|
-
selected: 'rgba(14, 144, 224, 0.25)',
|
|
56141
|
+
hover: 'rgba(14, 144, 224, 0.13) !important',
|
|
56142
|
+
selected: 'rgba(14, 144, 224, 0.25) !important',
|
|
56143
56143
|
textLight: '#444444',
|
|
56144
56144
|
textDark: '#182026'
|
|
56145
56145
|
};
|
|
@@ -56173,6 +56173,13 @@ var sisccTheme = function sisccTheme(_ref) {
|
|
|
56173
56173
|
return {
|
|
56174
56174
|
direction: rtl,
|
|
56175
56175
|
components: {
|
|
56176
|
+
MuiCssBaseline: {
|
|
56177
|
+
styleOverrides: {
|
|
56178
|
+
body: {
|
|
56179
|
+
fontSize: '0.875rem'
|
|
56180
|
+
}
|
|
56181
|
+
}
|
|
56182
|
+
},
|
|
56176
56183
|
MuiButtonBase: {
|
|
56177
56184
|
defaultProps: {
|
|
56178
56185
|
disableRipple: true
|
|
@@ -56242,11 +56249,14 @@ var sisccTheme = function sisccTheme(_ref) {
|
|
|
56242
56249
|
styleOverrides: {
|
|
56243
56250
|
root: {
|
|
56244
56251
|
color: outerPalette.primaryMain || innerPalette.primaryMain,
|
|
56245
|
-
'
|
|
56246
|
-
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
56247
|
-
|
|
56248
|
-
|
|
56249
|
-
|
|
56252
|
+
'&.Mui-selected': {
|
|
56253
|
+
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
56254
|
+
},
|
|
56255
|
+
'&:hover': {
|
|
56256
|
+
backgroundColor: outerPalette.hover || innerPalette.hover
|
|
56257
|
+
},
|
|
56258
|
+
'&.Mui-selected:hover': {
|
|
56259
|
+
backgroundColor: outerPalette.selected || innerPalette.selected
|
|
56250
56260
|
}
|
|
56251
56261
|
}
|
|
56252
56262
|
}
|
|
@@ -56273,7 +56283,8 @@ var sisccTheme = function sisccTheme(_ref) {
|
|
|
56273
56283
|
root: {
|
|
56274
56284
|
color: outerPalette.primaryMain || innerPalette.primaryMain,
|
|
56275
56285
|
'&:hover': {
|
|
56276
|
-
color: outerPalette.primaryLight || innerPalette.primaryLight
|
|
56286
|
+
color: outerPalette.primaryLight || innerPalette.primaryLight,
|
|
56287
|
+
textDecoration: 'underline'
|
|
56277
56288
|
},
|
|
56278
56289
|
'&.Mui-focused': isA11y && focus
|
|
56279
56290
|
},
|
|
@@ -56493,7 +56504,7 @@ var sisccTheme = function sisccTheme(_ref) {
|
|
|
56493
56504
|
typography: {
|
|
56494
56505
|
fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
56495
56506
|
h6: {
|
|
56496
|
-
fontSize: '
|
|
56507
|
+
fontSize: '1.0625rem'
|
|
56497
56508
|
},
|
|
56498
56509
|
body1: {
|
|
56499
56510
|
fontSize: '0.750rem',
|
|
@@ -61237,8 +61248,9 @@ var PeriodPicker_Period = function Period(_ref) {
|
|
|
61237
61248
|
material_Grid_Grid,
|
|
61238
61249
|
{ item: true, xs: 12, className: classes.sideLabel },
|
|
61239
61250
|
react_default.a.createElement(
|
|
61240
|
-
|
|
61251
|
+
material_Typography_Typography,
|
|
61241
61252
|
{
|
|
61253
|
+
variant: 'body2',
|
|
61242
61254
|
tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
|
|
61243
61255
|
, 'aria-label': label
|
|
61244
61256
|
},
|