@sis-cc/dotstatsuite-visions 10.26.0 → 10.26.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/AdvancedFilterDialog/AdvancedFilterDialog.js +17 -11
- package/es/ShortUrls/ShortUrls.js +7 -3
- package/es/VirtualizedTree/VirtualizedTree.js +1 -1
- package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js +17 -11
- package/lib/ShortUrls/ShortUrls.js +7 -3
- package/lib/VirtualizedTree/VirtualizedTree.js +1 -1
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +27 -17
- package/umd/@sis-cc/dotstatsuite-visions.min.js +3 -3
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
|
@@ -194,7 +194,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
194
194
|
setSelection = _useState2[1];
|
|
195
195
|
|
|
196
196
|
var classes = useStyles();
|
|
197
|
-
|
|
197
|
+
|
|
198
|
+
var _useState3 = useState(0),
|
|
199
|
+
height = _useState3[0],
|
|
200
|
+
setHeight = _useState3[1];
|
|
201
|
+
|
|
198
202
|
var getTotal = function getTotal(items, spotlightAcc) {
|
|
199
203
|
var itemsIds = R.pluck('id', items);
|
|
200
204
|
var total = R.pipe(R.uniq, R.length)(itemsIds);
|
|
@@ -203,13 +207,13 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
203
207
|
}
|
|
204
208
|
return total;
|
|
205
209
|
};
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
210
|
+
var measureRef = React.useCallback(function (node) {
|
|
211
|
+
if (node !== null) {
|
|
212
|
+
setHeight(node.getBoundingClientRect().height * 75 / 100);
|
|
213
|
+
}
|
|
214
|
+
});
|
|
211
215
|
|
|
212
|
-
|
|
216
|
+
var listHeight = height - 220;
|
|
213
217
|
var selectionItems = R.map(function (item) {
|
|
214
218
|
return _extends({}, item, {
|
|
215
219
|
isSelected: R.has(item.id, selection) ? !item.isSelected : !!item.isSelected
|
|
@@ -306,9 +310,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
306
310
|
open: isOpen,
|
|
307
311
|
PaperComponent: PaperComponent,
|
|
308
312
|
'aria-labelledby': 'draggable-dialog-title',
|
|
309
|
-
onClose: onClose
|
|
310
|
-
|
|
311
|
-
|
|
313
|
+
onClose: onClose,
|
|
314
|
+
ref: measureRef,
|
|
315
|
+
'aria-modal': true,
|
|
316
|
+
maxWidth: 'md',
|
|
317
|
+
fullWidth: true
|
|
312
318
|
},
|
|
313
319
|
React.createElement(
|
|
314
320
|
DialogTitle,
|
|
@@ -491,7 +497,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
491
497
|
items: selectionItems,
|
|
492
498
|
changeSelection: onChangeSelection,
|
|
493
499
|
withExpandControl: true,
|
|
494
|
-
treeHeight:
|
|
500
|
+
treeHeight: listHeight,
|
|
495
501
|
scopeGetter: scopeGetter,
|
|
496
502
|
expandedIds: expandedIds
|
|
497
503
|
}))
|
|
@@ -24,7 +24,11 @@ var useStyles = makeStyles(function (theme) {
|
|
|
24
24
|
},
|
|
25
25
|
title: _extends({
|
|
26
26
|
paddingBottom: 30
|
|
27
|
-
}, R.pathOr({}, ['mixins', 'share', 'title'], theme))
|
|
27
|
+
}, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
|
|
28
|
+
textAreaWrapper: {
|
|
29
|
+
display: 'flex',
|
|
30
|
+
flexGrow: 1
|
|
31
|
+
}
|
|
28
32
|
};
|
|
29
33
|
});
|
|
30
34
|
|
|
@@ -56,7 +60,7 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
56
60
|
},
|
|
57
61
|
React.createElement(
|
|
58
62
|
Grid,
|
|
59
|
-
{ item: true,
|
|
63
|
+
{ item: true, style: { padding: isNarrow ? '20px 0 0 0' : '0 20px 0 0' } },
|
|
60
64
|
React.createElement(
|
|
61
65
|
Button,
|
|
62
66
|
{
|
|
@@ -74,7 +78,7 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
74
78
|
),
|
|
75
79
|
React.createElement(
|
|
76
80
|
Grid,
|
|
77
|
-
{ item: true,
|
|
81
|
+
{ item: true, className: classes.textAreaWrapper },
|
|
78
82
|
React.createElement(TextareaAutosize, {
|
|
79
83
|
'aria-label': contentValue,
|
|
80
84
|
className: classes.textarea,
|
|
@@ -279,7 +279,7 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
279
279
|
return React.createElement(
|
|
280
280
|
'div',
|
|
281
281
|
{
|
|
282
|
-
style: { height: maxHeight
|
|
282
|
+
style: { height: maxHeight },
|
|
283
283
|
onKeyUp: onKeyUp,
|
|
284
284
|
onMouseUp: onMouseUp,
|
|
285
285
|
onMouseLeave: onMouseLeave,
|
|
@@ -264,7 +264,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
264
264
|
setSelection = _useState2[1];
|
|
265
265
|
|
|
266
266
|
var classes = useStyles();
|
|
267
|
-
|
|
267
|
+
|
|
268
|
+
var _useState3 = (0, _react.useState)(0),
|
|
269
|
+
height = _useState3[0],
|
|
270
|
+
setHeight = _useState3[1];
|
|
271
|
+
|
|
268
272
|
var getTotal = function getTotal(items, spotlightAcc) {
|
|
269
273
|
var itemsIds = R.pluck('id', items);
|
|
270
274
|
var total = R.pipe(R.uniq, R.length)(itemsIds);
|
|
@@ -273,13 +277,13 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
273
277
|
}
|
|
274
278
|
return total;
|
|
275
279
|
};
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
280
|
+
var measureRef = _react2.default.useCallback(function (node) {
|
|
281
|
+
if (node !== null) {
|
|
282
|
+
setHeight(node.getBoundingClientRect().height * 75 / 100);
|
|
283
|
+
}
|
|
284
|
+
});
|
|
281
285
|
|
|
282
|
-
|
|
286
|
+
var listHeight = height - 220;
|
|
283
287
|
var selectionItems = R.map(function (item) {
|
|
284
288
|
return _extends({}, item, {
|
|
285
289
|
isSelected: R.has(item.id, selection) ? !item.isSelected : !!item.isSelected
|
|
@@ -376,9 +380,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
376
380
|
open: isOpen,
|
|
377
381
|
PaperComponent: PaperComponent,
|
|
378
382
|
'aria-labelledby': 'draggable-dialog-title',
|
|
379
|
-
onClose: onClose
|
|
380
|
-
|
|
381
|
-
|
|
383
|
+
onClose: onClose,
|
|
384
|
+
ref: measureRef,
|
|
385
|
+
'aria-modal': true,
|
|
386
|
+
maxWidth: 'md',
|
|
387
|
+
fullWidth: true
|
|
382
388
|
},
|
|
383
389
|
_react2.default.createElement(
|
|
384
390
|
_DialogTitle2.default,
|
|
@@ -561,7 +567,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
561
567
|
items: selectionItems,
|
|
562
568
|
changeSelection: onChangeSelection,
|
|
563
569
|
withExpandControl: true,
|
|
564
|
-
treeHeight:
|
|
570
|
+
treeHeight: listHeight,
|
|
565
571
|
scopeGetter: scopeGetter,
|
|
566
572
|
expandedIds: expandedIds
|
|
567
573
|
}))
|
|
@@ -55,7 +55,11 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
55
55
|
},
|
|
56
56
|
title: _extends({
|
|
57
57
|
paddingBottom: 30
|
|
58
|
-
}, R.pathOr({}, ['mixins', 'share', 'title'], theme))
|
|
58
|
+
}, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
|
|
59
|
+
textAreaWrapper: {
|
|
60
|
+
display: 'flex',
|
|
61
|
+
flexGrow: 1
|
|
62
|
+
}
|
|
59
63
|
};
|
|
60
64
|
});
|
|
61
65
|
|
|
@@ -87,7 +91,7 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
87
91
|
},
|
|
88
92
|
_react2.default.createElement(
|
|
89
93
|
_Grid2.default,
|
|
90
|
-
{ item: true,
|
|
94
|
+
{ item: true, style: { padding: isNarrow ? '20px 0 0 0' : '0 20px 0 0' } },
|
|
91
95
|
_react2.default.createElement(
|
|
92
96
|
_.Button,
|
|
93
97
|
{
|
|
@@ -105,7 +109,7 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
105
109
|
),
|
|
106
110
|
_react2.default.createElement(
|
|
107
111
|
_Grid2.default,
|
|
108
|
-
{ item: true,
|
|
112
|
+
{ item: true, className: classes.textAreaWrapper },
|
|
109
113
|
_react2.default.createElement(_TextareaAutosize2.default, {
|
|
110
114
|
'aria-label': contentValue,
|
|
111
115
|
className: classes.textarea,
|
|
@@ -315,7 +315,7 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
315
315
|
return _react2.default.createElement(
|
|
316
316
|
'div',
|
|
317
317
|
{
|
|
318
|
-
style: { height: maxHeight
|
|
318
|
+
style: { height: maxHeight },
|
|
319
319
|
onKeyUp: onKeyUp,
|
|
320
320
|
onMouseUp: onMouseUp,
|
|
321
321
|
onMouseLeave: onMouseLeave,
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v10.26.
|
|
2
|
+
* @sis-cc/dotstatsuite-visions v10.26.2 - https://visions-qa.siscc.org/#o
|
|
3
3
|
* MIT Licensed
|
|
4
4
|
*/
|
|
5
5
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
@@ -6697,7 +6697,7 @@ function removeClassName(el
|
|
|
6697
6697
|
/* 119 */
|
|
6698
6698
|
/***/ (function(module) {
|
|
6699
6699
|
|
|
6700
|
-
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.26.
|
|
6700
|
+
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.26.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"}};
|
|
6701
6701
|
|
|
6702
6702
|
/***/ }),
|
|
6703
6703
|
/* 120 */
|
|
@@ -52232,7 +52232,11 @@ var ShortUrls_useStyles = styles_makeStyles(function (theme) {
|
|
|
52232
52232
|
},
|
|
52233
52233
|
title: ShortUrls_extends({
|
|
52234
52234
|
paddingBottom: 30
|
|
52235
|
-
}, es_pathOr({}, ['mixins', 'share', 'title'], theme))
|
|
52235
|
+
}, es_pathOr({}, ['mixins', 'share', 'title'], theme)),
|
|
52236
|
+
textAreaWrapper: {
|
|
52237
|
+
display: 'flex',
|
|
52238
|
+
flexGrow: 1
|
|
52239
|
+
}
|
|
52236
52240
|
};
|
|
52237
52241
|
});
|
|
52238
52242
|
|
|
@@ -52264,7 +52268,7 @@ var ShortUrls_ShortUrls = function ShortUrls(_ref) {
|
|
|
52264
52268
|
},
|
|
52265
52269
|
react_default.a.createElement(
|
|
52266
52270
|
esm_Grid_Grid,
|
|
52267
|
-
{ item: true,
|
|
52271
|
+
{ item: true, style: { padding: isNarrow ? '20px 0 0 0' : '0 20px 0 0' } },
|
|
52268
52272
|
react_default.a.createElement(
|
|
52269
52273
|
src_Button_Button,
|
|
52270
52274
|
{
|
|
@@ -52282,7 +52286,7 @@ var ShortUrls_ShortUrls = function ShortUrls(_ref) {
|
|
|
52282
52286
|
),
|
|
52283
52287
|
react_default.a.createElement(
|
|
52284
52288
|
esm_Grid_Grid,
|
|
52285
|
-
{ item: true,
|
|
52289
|
+
{ item: true, className: classes.textAreaWrapper },
|
|
52286
52290
|
react_default.a.createElement(esm_TextareaAutosize_TextareaAutosize, {
|
|
52287
52291
|
'aria-label': contentValue,
|
|
52288
52292
|
className: classes.textarea,
|
|
@@ -71609,7 +71613,7 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
|
|
|
71609
71613
|
return react_default.a.createElement(
|
|
71610
71614
|
'div',
|
|
71611
71615
|
{
|
|
71612
|
-
style: { height: maxHeight
|
|
71616
|
+
style: { height: maxHeight },
|
|
71613
71617
|
onKeyUp: onKeyUp,
|
|
71614
71618
|
onMouseUp: onMouseUp,
|
|
71615
71619
|
onMouseLeave: onMouseLeave,
|
|
@@ -72236,7 +72240,11 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
|
|
|
72236
72240
|
setSelection = _useState2[1];
|
|
72237
72241
|
|
|
72238
72242
|
var classes = AdvancedFilterDialog_useStyles();
|
|
72239
|
-
|
|
72243
|
+
|
|
72244
|
+
var _useState3 = Object(react["useState"])(0),
|
|
72245
|
+
height = _useState3[0],
|
|
72246
|
+
setHeight = _useState3[1];
|
|
72247
|
+
|
|
72240
72248
|
var getTotal = function getTotal(items, spotlightAcc) {
|
|
72241
72249
|
var itemsIds = es_pluck('id', items);
|
|
72242
72250
|
var total = pipe(es_uniq, es_length)(itemsIds);
|
|
@@ -72245,13 +72253,13 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
|
|
|
72245
72253
|
}
|
|
72246
72254
|
return total;
|
|
72247
72255
|
};
|
|
72248
|
-
|
|
72249
|
-
|
|
72250
|
-
|
|
72251
|
-
|
|
72252
|
-
|
|
72256
|
+
var measureRef = react_default.a.useCallback(function (node) {
|
|
72257
|
+
if (node !== null) {
|
|
72258
|
+
setHeight(node.getBoundingClientRect().height * 75 / 100);
|
|
72259
|
+
}
|
|
72260
|
+
});
|
|
72253
72261
|
|
|
72254
|
-
|
|
72262
|
+
var listHeight = height - 220;
|
|
72255
72263
|
var selectionItems = es_map(function (item) {
|
|
72256
72264
|
return AdvancedFilterDialog_extends({}, item, {
|
|
72257
72265
|
isSelected: es_has(item.id, selection) ? !item.isSelected : !!item.isSelected
|
|
@@ -72348,9 +72356,11 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
|
|
|
72348
72356
|
open: isOpen,
|
|
72349
72357
|
PaperComponent: AdvancedFilterDialog_PaperComponent,
|
|
72350
72358
|
'aria-labelledby': 'draggable-dialog-title',
|
|
72351
|
-
onClose: onClose
|
|
72352
|
-
|
|
72353
|
-
|
|
72359
|
+
onClose: onClose,
|
|
72360
|
+
ref: measureRef,
|
|
72361
|
+
'aria-modal': true,
|
|
72362
|
+
maxWidth: 'md',
|
|
72363
|
+
fullWidth: true
|
|
72354
72364
|
},
|
|
72355
72365
|
react_default.a.createElement(
|
|
72356
72366
|
esm_DialogTitle_DialogTitle,
|
|
@@ -72533,7 +72543,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
|
|
|
72533
72543
|
items: selectionItems,
|
|
72534
72544
|
changeSelection: onChangeSelection,
|
|
72535
72545
|
withExpandControl: true,
|
|
72536
|
-
treeHeight:
|
|
72546
|
+
treeHeight: listHeight,
|
|
72537
72547
|
scopeGetter: scopeGetter,
|
|
72538
72548
|
expandedIds: expandedIds
|
|
72539
72549
|
}))
|