@sis-cc/dotstatsuite-visions 10.6.0 → 10.6.2
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 +9 -0
- package/es/Select/Select.js +10 -1
- package/es/VirtualizedTree/Item.js +3 -1
- package/lib/PeriodPicker/PeriodPicker.js +9 -0
- package/lib/Select/Select.js +13 -1
- package/lib/VirtualizedTree/Item.js +3 -1
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +24 -4
- package/umd/@sis-cc/dotstatsuite-visions.min.js +3 -3
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
|
@@ -45,6 +45,7 @@ var Period = function Period(_ref) {
|
|
|
45
45
|
|
|
46
46
|
var showFrequency = R.and(R.gt(R.length(frequencies), 1), R.not(frequencyDisabled));
|
|
47
47
|
var destructuringDates = R.map(getDestructuringDate)(period);
|
|
48
|
+
|
|
48
49
|
var onChangeFrequency = function onChangeFrequency(value) {
|
|
49
50
|
if (R.is(Function, changeFrequency)) return changeFrequency(value);
|
|
50
51
|
};
|
|
@@ -57,10 +58,18 @@ var Period = function Period(_ref) {
|
|
|
57
58
|
return false;
|
|
58
59
|
}
|
|
59
60
|
var dateValue = getPeriodValue(fn(destructuringDates));
|
|
61
|
+
|
|
60
62
|
var date = getDate(frequency, dateValue, (_getDate = {}, _getDate[id] = Number(value), _getDate), getter === 'end');
|
|
61
63
|
var availableStart = availableBoundaries[0],
|
|
62
64
|
availableEnd = availableBoundaries[1];
|
|
63
65
|
|
|
66
|
+
if (id === 'year') {
|
|
67
|
+
if (dateFns.isSameYear(date, availableStart)) {
|
|
68
|
+
date = availableStart;
|
|
69
|
+
} else if (dateFns.isSameYear(date, availableEnd)) {
|
|
70
|
+
date = availableEnd;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
64
73
|
return dateFns.compareAsc(date, availableStart) === -1 || dateFns.compareDesc(date, availableEnd) === -1;
|
|
65
74
|
};
|
|
66
75
|
};
|
package/es/Select/Select.js
CHANGED
|
@@ -7,6 +7,7 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
7
7
|
import TextField from '@material-ui/core/TextField';
|
|
8
8
|
import MenuItem from '@material-ui/core/MenuItem';
|
|
9
9
|
import { Typography } from '@material-ui/core';
|
|
10
|
+
import cx from 'classnames';
|
|
10
11
|
|
|
11
12
|
var useStyles = makeStyles(function (theme) {
|
|
12
13
|
return {
|
|
@@ -16,6 +17,9 @@ var useStyles = makeStyles(function (theme) {
|
|
|
16
17
|
},
|
|
17
18
|
typo: {
|
|
18
19
|
whiteSpace: 'break-spaces'
|
|
20
|
+
},
|
|
21
|
+
disabledLabel: {
|
|
22
|
+
color: theme.palette.grey[700]
|
|
19
23
|
}
|
|
20
24
|
};
|
|
21
25
|
});
|
|
@@ -119,6 +123,8 @@ var Select = function Select(_ref) {
|
|
|
119
123
|
className: classes.root
|
|
120
124
|
}, textFieldProps),
|
|
121
125
|
R.map(function (item) {
|
|
126
|
+
var _cx;
|
|
127
|
+
|
|
122
128
|
var value = getter('value')(valueAccessor)(item);
|
|
123
129
|
var label = getter('label')(labelAccessor)(item);
|
|
124
130
|
return React.createElement(
|
|
@@ -134,7 +140,10 @@ var Select = function Select(_ref) {
|
|
|
134
140
|
},
|
|
135
141
|
React.createElement(
|
|
136
142
|
Typography,
|
|
137
|
-
{
|
|
143
|
+
{
|
|
144
|
+
variant: 'inherit',
|
|
145
|
+
className: cx(classes.typo, (_cx = {}, _cx[classes.disabledLabel] = R.propOr(false, 'disabled')(item), _cx))
|
|
146
|
+
},
|
|
138
147
|
label
|
|
139
148
|
)
|
|
140
149
|
);
|
|
@@ -52,6 +52,7 @@ var Item = function Item(_ref) {
|
|
|
52
52
|
return React.createElement(
|
|
53
53
|
ListItem,
|
|
54
54
|
{
|
|
55
|
+
dense: true,
|
|
55
56
|
disableGutters: true,
|
|
56
57
|
classes: { disabled: classes.disabled },
|
|
57
58
|
className: cx(classes.listItemContainer, classes.disableSecondaryAction),
|
|
@@ -96,7 +97,8 @@ var Item = function Item(_ref) {
|
|
|
96
97
|
primary: React.createElement(
|
|
97
98
|
'div',
|
|
98
99
|
{
|
|
99
|
-
className: cx(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2))
|
|
100
|
+
className: cx(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2)),
|
|
101
|
+
style: { pointerEvents: 'none' }
|
|
100
102
|
},
|
|
101
103
|
React.createElement(
|
|
102
104
|
Icon,
|
|
@@ -73,6 +73,7 @@ var Period = function Period(_ref) {
|
|
|
73
73
|
|
|
74
74
|
var showFrequency = R.and(R.gt(R.length(frequencies), 1), R.not(frequencyDisabled));
|
|
75
75
|
var destructuringDates = R.map(_lib.getDestructuringDate)(period);
|
|
76
|
+
|
|
76
77
|
var onChangeFrequency = function onChangeFrequency(value) {
|
|
77
78
|
if (R.is(Function, changeFrequency)) return changeFrequency(value);
|
|
78
79
|
};
|
|
@@ -85,10 +86,18 @@ var Period = function Period(_ref) {
|
|
|
85
86
|
return false;
|
|
86
87
|
}
|
|
87
88
|
var dateValue = (0, _lib.getPeriodValue)(fn(destructuringDates));
|
|
89
|
+
|
|
88
90
|
var date = (0, _lib.getDate)(frequency, dateValue, (_getDate = {}, _getDate[id] = Number(value), _getDate), getter === 'end');
|
|
89
91
|
var availableStart = availableBoundaries[0],
|
|
90
92
|
availableEnd = availableBoundaries[1];
|
|
91
93
|
|
|
94
|
+
if (id === 'year') {
|
|
95
|
+
if (_dateFns2.default.isSameYear(date, availableStart)) {
|
|
96
|
+
date = availableStart;
|
|
97
|
+
} else if (_dateFns2.default.isSameYear(date, availableEnd)) {
|
|
98
|
+
date = availableEnd;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
92
101
|
return _dateFns2.default.compareAsc(date, availableStart) === -1 || _dateFns2.default.compareDesc(date, availableEnd) === -1;
|
|
93
102
|
};
|
|
94
103
|
};
|
package/lib/Select/Select.js
CHANGED
|
@@ -28,6 +28,10 @@ var _MenuItem2 = _interopRequireDefault(_MenuItem);
|
|
|
28
28
|
|
|
29
29
|
var _core = require('@material-ui/core');
|
|
30
30
|
|
|
31
|
+
var _classnames = require('classnames');
|
|
32
|
+
|
|
33
|
+
var _classnames2 = _interopRequireDefault(_classnames);
|
|
34
|
+
|
|
31
35
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
32
36
|
|
|
33
37
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -40,6 +44,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
40
44
|
},
|
|
41
45
|
typo: {
|
|
42
46
|
whiteSpace: 'break-spaces'
|
|
47
|
+
},
|
|
48
|
+
disabledLabel: {
|
|
49
|
+
color: theme.palette.grey[700]
|
|
43
50
|
}
|
|
44
51
|
};
|
|
45
52
|
});
|
|
@@ -143,6 +150,8 @@ var Select = function Select(_ref) {
|
|
|
143
150
|
className: classes.root
|
|
144
151
|
}, textFieldProps),
|
|
145
152
|
R.map(function (item) {
|
|
153
|
+
var _cx;
|
|
154
|
+
|
|
146
155
|
var value = getter('value')(valueAccessor)(item);
|
|
147
156
|
var label = getter('label')(labelAccessor)(item);
|
|
148
157
|
return _react2.default.createElement(
|
|
@@ -158,7 +167,10 @@ var Select = function Select(_ref) {
|
|
|
158
167
|
},
|
|
159
168
|
_react2.default.createElement(
|
|
160
169
|
_core.Typography,
|
|
161
|
-
{
|
|
170
|
+
{
|
|
171
|
+
variant: 'inherit',
|
|
172
|
+
className: (0, _classnames2.default)(classes.typo, (_cx = {}, _cx[classes.disabledLabel] = R.propOr(false, 'disabled')(item), _cx))
|
|
173
|
+
},
|
|
162
174
|
label
|
|
163
175
|
)
|
|
164
176
|
);
|
|
@@ -92,6 +92,7 @@ var Item = function Item(_ref) {
|
|
|
92
92
|
return _react2.default.createElement(
|
|
93
93
|
_ListItem2.default,
|
|
94
94
|
{
|
|
95
|
+
dense: true,
|
|
95
96
|
disableGutters: true,
|
|
96
97
|
classes: { disabled: classes.disabled },
|
|
97
98
|
className: (0, _classnames2.default)(classes.listItemContainer, classes.disableSecondaryAction),
|
|
@@ -136,7 +137,8 @@ var Item = function Item(_ref) {
|
|
|
136
137
|
primary: _react2.default.createElement(
|
|
137
138
|
'div',
|
|
138
139
|
{
|
|
139
|
-
className: (0, _classnames2.default)(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2))
|
|
140
|
+
className: (0, _classnames2.default)(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2)),
|
|
141
|
+
style: { pointerEvents: 'none' }
|
|
140
142
|
},
|
|
141
143
|
_react2.default.createElement(
|
|
142
144
|
_SvgIcon2.default,
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v10.6.
|
|
2
|
+
* @sis-cc/dotstatsuite-visions v10.6.2 - https://visions-qa.siscc.org/#o
|
|
3
3
|
* MIT Licensed
|
|
4
4
|
*/
|
|
5
5
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
@@ -6699,7 +6699,7 @@ function removeClassName(el
|
|
|
6699
6699
|
/* 121 */
|
|
6700
6700
|
/***/ (function(module) {
|
|
6701
6701
|
|
|
6702
|
-
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.6.
|
|
6702
|
+
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.6.2","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":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","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","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@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"}};
|
|
6703
6703
|
|
|
6704
6704
|
/***/ }),
|
|
6705
6705
|
/* 122 */
|
|
@@ -37794,6 +37794,7 @@ var Select_extends = Object.assign || function (target) { for (var i = 1; i < ar
|
|
|
37794
37794
|
|
|
37795
37795
|
|
|
37796
37796
|
|
|
37797
|
+
|
|
37797
37798
|
var Select_useStyles = styles_makeStyles(function (theme) {
|
|
37798
37799
|
return {
|
|
37799
37800
|
root: Select_extends({}, theme.typography.body2),
|
|
@@ -37802,6 +37803,9 @@ var Select_useStyles = styles_makeStyles(function (theme) {
|
|
|
37802
37803
|
},
|
|
37803
37804
|
typo: {
|
|
37804
37805
|
whiteSpace: 'break-spaces'
|
|
37806
|
+
},
|
|
37807
|
+
disabledLabel: {
|
|
37808
|
+
color: theme.palette.grey[700]
|
|
37805
37809
|
}
|
|
37806
37810
|
};
|
|
37807
37811
|
});
|
|
@@ -37905,6 +37909,8 @@ var Select_Select_Select = function Select(_ref) {
|
|
|
37905
37909
|
className: classes.root
|
|
37906
37910
|
}, textFieldProps),
|
|
37907
37911
|
es_map(function (item) {
|
|
37912
|
+
var _cx;
|
|
37913
|
+
|
|
37908
37914
|
var value = getter('value')(valueAccessor)(item);
|
|
37909
37915
|
var label = getter('label')(labelAccessor)(item);
|
|
37910
37916
|
return react_default.a.createElement(
|
|
@@ -37920,7 +37926,10 @@ var Select_Select_Select = function Select(_ref) {
|
|
|
37920
37926
|
},
|
|
37921
37927
|
react_default.a.createElement(
|
|
37922
37928
|
esm_Typography_Typography,
|
|
37923
|
-
{
|
|
37929
|
+
{
|
|
37930
|
+
variant: 'inherit',
|
|
37931
|
+
className: classnames_default()(classes.typo, (_cx = {}, _cx[classes.disabledLabel] = es_propOr(false, 'disabled')(item), _cx))
|
|
37932
|
+
},
|
|
37924
37933
|
label
|
|
37925
37934
|
)
|
|
37926
37935
|
);
|
|
@@ -51404,6 +51413,7 @@ var PeriodPicker_Period = function Period(_ref) {
|
|
|
51404
51413
|
|
|
51405
51414
|
var showFrequency = es_and(es_gt(es_length(frequencies), 1), es_not(frequencyDisabled));
|
|
51406
51415
|
var destructuringDates = es_map(lib_getDestructuringDate)(period);
|
|
51416
|
+
|
|
51407
51417
|
var onChangeFrequency = function onChangeFrequency(value) {
|
|
51408
51418
|
if (es_is(Function, changeFrequency)) return changeFrequency(value);
|
|
51409
51419
|
};
|
|
@@ -51416,10 +51426,18 @@ var PeriodPicker_Period = function Period(_ref) {
|
|
|
51416
51426
|
return false;
|
|
51417
51427
|
}
|
|
51418
51428
|
var dateValue = getPeriodValue(fn(destructuringDates));
|
|
51429
|
+
|
|
51419
51430
|
var date = lib_getDate(frequency, dateValue, (_getDate = {}, _getDate[id] = Number(value), _getDate), getter === 'end');
|
|
51420
51431
|
var availableStart = availableBoundaries[0],
|
|
51421
51432
|
availableEnd = availableBoundaries[1];
|
|
51422
51433
|
|
|
51434
|
+
if (id === 'year') {
|
|
51435
|
+
if (date_fns_default.a.isSameYear(date, availableStart)) {
|
|
51436
|
+
date = availableStart;
|
|
51437
|
+
} else if (date_fns_default.a.isSameYear(date, availableEnd)) {
|
|
51438
|
+
date = availableEnd;
|
|
51439
|
+
}
|
|
51440
|
+
}
|
|
51423
51441
|
return date_fns_default.a.compareAsc(date, availableStart) === -1 || date_fns_default.a.compareDesc(date, availableEnd) === -1;
|
|
51424
51442
|
};
|
|
51425
51443
|
};
|
|
@@ -70571,6 +70589,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
|
|
|
70571
70589
|
return react_default.a.createElement(
|
|
70572
70590
|
esm_ListItem_ListItem,
|
|
70573
70591
|
{
|
|
70592
|
+
dense: true,
|
|
70574
70593
|
disableGutters: true,
|
|
70575
70594
|
classes: { disabled: classes.disabled },
|
|
70576
70595
|
className: classnames_default()(classes.listItemContainer, classes.disableSecondaryAction),
|
|
@@ -70615,7 +70634,8 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
|
|
|
70615
70634
|
primary: react_default.a.createElement(
|
|
70616
70635
|
'div',
|
|
70617
70636
|
{
|
|
70618
|
-
className: classnames_default()(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2))
|
|
70637
|
+
className: classnames_default()(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2)),
|
|
70638
|
+
style: { pointerEvents: 'none' }
|
|
70619
70639
|
},
|
|
70620
70640
|
react_default.a.createElement(
|
|
70621
70641
|
SvgIcon["a" /* default */],
|