@sis-cc/dotstatsuite-visions 10.22.0 → 10.23.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/AdvancedFilterDialog/AdvancedFilterDialog.js +2 -8
- package/es/VirtualizedTree/VirtualizedTree.js +9 -8
- package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js +2 -8
- package/lib/VirtualizedTree/VirtualizedTree.js +9 -8
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +13 -18
- package/umd/@sis-cc/dotstatsuite-visions.min.js +3 -3
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
|
@@ -188,10 +188,6 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
188
188
|
height = _useState3[0],
|
|
189
189
|
setHeight = _useState3[1];
|
|
190
190
|
|
|
191
|
-
var _useState4 = useState({}),
|
|
192
|
-
selectIds = _useState4[0],
|
|
193
|
-
setSelectIds = _useState4[1];
|
|
194
|
-
|
|
195
191
|
var measureRef = React.useCallback(function (node) {
|
|
196
192
|
if (node !== null) {
|
|
197
193
|
setHeight(node.getBoundingClientRect().height * 75 / 100);
|
|
@@ -265,14 +261,14 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
265
261
|
return R.prop('isDisabled')(item) && !R.has('isForced')(item);
|
|
266
262
|
};
|
|
267
263
|
var getSelectedItems = function getSelectedItems(item) {
|
|
268
|
-
return R.
|
|
264
|
+
return R.propOr(false, 'isSelected')(item);
|
|
269
265
|
};
|
|
270
266
|
|
|
271
267
|
var selectAll = function selectAll() {
|
|
272
268
|
var ids = R.pluck('id', R.reject(getSelectedItems, R.reject(rejectonlyDisabledItems, items)));
|
|
273
269
|
var nextSelection = R.reduce(function (acc, id) {
|
|
274
270
|
return R.has(id, acc) ? acc : R.assoc(id, id, acc);
|
|
275
|
-
},
|
|
271
|
+
}, {}, ids);
|
|
276
272
|
setSelectionMode('selectAll');
|
|
277
273
|
setSelection(nextSelection);
|
|
278
274
|
};
|
|
@@ -446,8 +442,6 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
446
442
|
items: selectionItems,
|
|
447
443
|
changeSelection: onChangeSelection,
|
|
448
444
|
withExpandControl: true,
|
|
449
|
-
setSelectIds: setSelectIds,
|
|
450
|
-
selectIds: selectIds,
|
|
451
445
|
treeHeight: listHeight,
|
|
452
446
|
scopeGetter: scopeGetter,
|
|
453
447
|
expandedIds: expandedIds
|
|
@@ -46,8 +46,6 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
46
46
|
changeSelection = props.changeSelection,
|
|
47
47
|
HTMLRenderer = props.HTMLRenderer,
|
|
48
48
|
items = props.items,
|
|
49
|
-
selectIds = props.selectIds,
|
|
50
|
-
setSelectIds = props.setSelectIds,
|
|
51
49
|
labelRenderer = props.labelRenderer,
|
|
52
50
|
labels = props.labels,
|
|
53
51
|
_props$disableAccesso = props.disableAccessor,
|
|
@@ -84,6 +82,10 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
84
82
|
lastItemId = _useState4[0],
|
|
85
83
|
setLastItemId = _useState4[1];
|
|
86
84
|
|
|
85
|
+
var _useState5 = useState({}),
|
|
86
|
+
selectIds = _useState5[0],
|
|
87
|
+
setSelectIds = _useState5[1];
|
|
88
|
+
|
|
87
89
|
var _useMemo = useMemo(function () {
|
|
88
90
|
var refinedItems = R.map(function (item) {
|
|
89
91
|
return _extends({}, item, {
|
|
@@ -286,17 +288,18 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
286
288
|
},
|
|
287
289
|
React.createElement(
|
|
288
290
|
AutoSizer,
|
|
289
|
-
|
|
291
|
+
{ disableWidth: true },
|
|
290
292
|
function (_ref) {
|
|
291
|
-
var height = _ref.height
|
|
292
|
-
width = _ref.width;
|
|
293
|
+
var height = _ref.height;
|
|
293
294
|
return React.createElement(VirtualizedList, {
|
|
294
295
|
containerRole: 'list',
|
|
295
296
|
role: 'presentation',
|
|
296
297
|
overscan: 10,
|
|
297
298
|
tabIndex: -1,
|
|
299
|
+
containerStyle: { width: '100%', maxWidth: '100%' },
|
|
298
300
|
height: height + 2,
|
|
299
|
-
width:
|
|
301
|
+
width: 1,
|
|
302
|
+
style: { width: '100%' },
|
|
300
303
|
scrollTop: scrollTop // control scroll position with ctrl or shift key
|
|
301
304
|
, rowCount: R.length(list),
|
|
302
305
|
rowHeight: R.add(1)(rowHeight) // 1 is space between elements
|
|
@@ -338,8 +341,6 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
338
341
|
};
|
|
339
342
|
|
|
340
343
|
VirtualizedTree.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
341
|
-
selectIds: PropTypes.object,
|
|
342
|
-
setSelectIds: PropTypes.func,
|
|
343
344
|
accessibility: PropTypes.bool,
|
|
344
345
|
changeSelection: PropTypes.func,
|
|
345
346
|
disableAccessor: PropTypes.func,
|
|
@@ -258,10 +258,6 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
258
258
|
height = _useState3[0],
|
|
259
259
|
setHeight = _useState3[1];
|
|
260
260
|
|
|
261
|
-
var _useState4 = (0, _react.useState)({}),
|
|
262
|
-
selectIds = _useState4[0],
|
|
263
|
-
setSelectIds = _useState4[1];
|
|
264
|
-
|
|
265
261
|
var measureRef = _react2.default.useCallback(function (node) {
|
|
266
262
|
if (node !== null) {
|
|
267
263
|
setHeight(node.getBoundingClientRect().height * 75 / 100);
|
|
@@ -335,14 +331,14 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
335
331
|
return R.prop('isDisabled')(item) && !R.has('isForced')(item);
|
|
336
332
|
};
|
|
337
333
|
var getSelectedItems = function getSelectedItems(item) {
|
|
338
|
-
return R.
|
|
334
|
+
return R.propOr(false, 'isSelected')(item);
|
|
339
335
|
};
|
|
340
336
|
|
|
341
337
|
var selectAll = function selectAll() {
|
|
342
338
|
var ids = R.pluck('id', R.reject(getSelectedItems, R.reject(rejectonlyDisabledItems, items)));
|
|
343
339
|
var nextSelection = R.reduce(function (acc, id) {
|
|
344
340
|
return R.has(id, acc) ? acc : R.assoc(id, id, acc);
|
|
345
|
-
},
|
|
341
|
+
}, {}, ids);
|
|
346
342
|
setSelectionMode('selectAll');
|
|
347
343
|
setSelection(nextSelection);
|
|
348
344
|
};
|
|
@@ -516,8 +512,6 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
|
|
|
516
512
|
items: selectionItems,
|
|
517
513
|
changeSelection: onChangeSelection,
|
|
518
514
|
withExpandControl: true,
|
|
519
|
-
setSelectIds: setSelectIds,
|
|
520
|
-
selectIds: selectIds,
|
|
521
515
|
treeHeight: listHeight,
|
|
522
516
|
scopeGetter: scopeGetter,
|
|
523
517
|
expandedIds: expandedIds
|
|
@@ -82,8 +82,6 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
82
82
|
changeSelection = props.changeSelection,
|
|
83
83
|
HTMLRenderer = props.HTMLRenderer,
|
|
84
84
|
items = props.items,
|
|
85
|
-
selectIds = props.selectIds,
|
|
86
|
-
setSelectIds = props.setSelectIds,
|
|
87
85
|
labelRenderer = props.labelRenderer,
|
|
88
86
|
labels = props.labels,
|
|
89
87
|
_props$disableAccesso = props.disableAccessor,
|
|
@@ -120,6 +118,10 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
120
118
|
lastItemId = _useState4[0],
|
|
121
119
|
setLastItemId = _useState4[1];
|
|
122
120
|
|
|
121
|
+
var _useState5 = (0, _react.useState)({}),
|
|
122
|
+
selectIds = _useState5[0],
|
|
123
|
+
setSelectIds = _useState5[1];
|
|
124
|
+
|
|
123
125
|
var _useMemo = (0, _react.useMemo)(function () {
|
|
124
126
|
var refinedItems = R.map(function (item) {
|
|
125
127
|
return _extends({}, item, {
|
|
@@ -322,17 +324,18 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
322
324
|
},
|
|
323
325
|
_react2.default.createElement(
|
|
324
326
|
_AutoSizer2.default,
|
|
325
|
-
|
|
327
|
+
{ disableWidth: true },
|
|
326
328
|
function (_ref) {
|
|
327
|
-
var height = _ref.height
|
|
328
|
-
width = _ref.width;
|
|
329
|
+
var height = _ref.height;
|
|
329
330
|
return _react2.default.createElement(_List2.default, {
|
|
330
331
|
containerRole: 'list',
|
|
331
332
|
role: 'presentation',
|
|
332
333
|
overscan: 10,
|
|
333
334
|
tabIndex: -1,
|
|
335
|
+
containerStyle: { width: '100%', maxWidth: '100%' },
|
|
334
336
|
height: height + 2,
|
|
335
|
-
width:
|
|
337
|
+
width: 1,
|
|
338
|
+
style: { width: '100%' },
|
|
336
339
|
scrollTop: scrollTop // control scroll position with ctrl or shift key
|
|
337
340
|
, rowCount: R.length(list),
|
|
338
341
|
rowHeight: R.add(1)(_styles.height) // 1 is space between elements
|
|
@@ -374,8 +377,6 @@ var VirtualizedTree = function VirtualizedTree(props) {
|
|
|
374
377
|
};
|
|
375
378
|
|
|
376
379
|
VirtualizedTree.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
377
|
-
selectIds: _propTypes2.default.object,
|
|
378
|
-
setSelectIds: _propTypes2.default.func,
|
|
379
380
|
accessibility: _propTypes2.default.bool,
|
|
380
381
|
changeSelection: _propTypes2.default.func,
|
|
381
382
|
disableAccessor: _propTypes2.default.func,
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v10.
|
|
2
|
+
* @sis-cc/dotstatsuite-visions v10.23.0 - 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.
|
|
6700
|
+
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.23.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":{"@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 */
|
|
@@ -71251,8 +71251,6 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
|
|
|
71251
71251
|
changeSelection = props.changeSelection,
|
|
71252
71252
|
HTMLRenderer = props.HTMLRenderer,
|
|
71253
71253
|
items = props.items,
|
|
71254
|
-
selectIds = props.selectIds,
|
|
71255
|
-
setSelectIds = props.setSelectIds,
|
|
71256
71254
|
labelRenderer = props.labelRenderer,
|
|
71257
71255
|
labels = props.labels,
|
|
71258
71256
|
_props$disableAccesso = props.disableAccessor,
|
|
@@ -71289,6 +71287,10 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
|
|
|
71289
71287
|
lastItemId = _useState4[0],
|
|
71290
71288
|
setLastItemId = _useState4[1];
|
|
71291
71289
|
|
|
71290
|
+
var _useState5 = Object(react["useState"])({}),
|
|
71291
|
+
selectIds = _useState5[0],
|
|
71292
|
+
setSelectIds = _useState5[1];
|
|
71293
|
+
|
|
71292
71294
|
var _useMemo = Object(react["useMemo"])(function () {
|
|
71293
71295
|
var refinedItems = es_map(function (item) {
|
|
71294
71296
|
return VirtualizedTree_extends({}, item, {
|
|
@@ -71491,17 +71493,18 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
|
|
|
71491
71493
|
},
|
|
71492
71494
|
react_default.a.createElement(
|
|
71493
71495
|
AutoSizer_default.a,
|
|
71494
|
-
|
|
71496
|
+
{ disableWidth: true },
|
|
71495
71497
|
function (_ref) {
|
|
71496
|
-
var height = _ref.height
|
|
71497
|
-
width = _ref.width;
|
|
71498
|
+
var height = _ref.height;
|
|
71498
71499
|
return react_default.a.createElement(List_default.a, {
|
|
71499
71500
|
containerRole: 'list',
|
|
71500
71501
|
role: 'presentation',
|
|
71501
71502
|
overscan: 10,
|
|
71502
71503
|
tabIndex: -1,
|
|
71504
|
+
containerStyle: { width: '100%', maxWidth: '100%' },
|
|
71503
71505
|
height: height + 2,
|
|
71504
|
-
width:
|
|
71506
|
+
width: 1,
|
|
71507
|
+
style: { width: '100%' },
|
|
71505
71508
|
scrollTop: scrollTop // control scroll position with ctrl or shift key
|
|
71506
71509
|
, rowCount: es_length(list),
|
|
71507
71510
|
rowHeight: es_add(1)(styles_height) // 1 is space between elements
|
|
@@ -71543,8 +71546,6 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
|
|
|
71543
71546
|
};
|
|
71544
71547
|
|
|
71545
71548
|
VirtualizedTree_VirtualizedTree.propTypes = {
|
|
71546
|
-
selectIds: prop_types_default.a.object,
|
|
71547
|
-
setSelectIds: prop_types_default.a.func,
|
|
71548
71549
|
accessibility: prop_types_default.a.bool,
|
|
71549
71550
|
changeSelection: prop_types_default.a.func,
|
|
71550
71551
|
disableAccessor: prop_types_default.a.func,
|
|
@@ -72104,10 +72105,6 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
|
|
|
72104
72105
|
height = _useState3[0],
|
|
72105
72106
|
setHeight = _useState3[1];
|
|
72106
72107
|
|
|
72107
|
-
var _useState4 = Object(react["useState"])({}),
|
|
72108
|
-
selectIds = _useState4[0],
|
|
72109
|
-
setSelectIds = _useState4[1];
|
|
72110
|
-
|
|
72111
72108
|
var measureRef = react_default.a.useCallback(function (node) {
|
|
72112
72109
|
if (node !== null) {
|
|
72113
72110
|
setHeight(node.getBoundingClientRect().height * 75 / 100);
|
|
@@ -72181,14 +72178,14 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
|
|
|
72181
72178
|
return es_prop('isDisabled')(item) && !es_has('isForced')(item);
|
|
72182
72179
|
};
|
|
72183
72180
|
var getSelectedItems = function getSelectedItems(item) {
|
|
72184
|
-
return
|
|
72181
|
+
return es_propOr(false, 'isSelected')(item);
|
|
72185
72182
|
};
|
|
72186
72183
|
|
|
72187
72184
|
var selectAll = function selectAll() {
|
|
72188
72185
|
var ids = es_pluck('id', es_reject(getSelectedItems, es_reject(rejectonlyDisabledItems, items)));
|
|
72189
72186
|
var nextSelection = es_reduce(function (acc, id) {
|
|
72190
72187
|
return es_has(id, acc) ? acc : es_assoc(id, id, acc);
|
|
72191
|
-
},
|
|
72188
|
+
}, {}, ids);
|
|
72192
72189
|
setSelectionMode('selectAll');
|
|
72193
72190
|
setSelection(nextSelection);
|
|
72194
72191
|
};
|
|
@@ -72362,8 +72359,6 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
|
|
|
72362
72359
|
items: selectionItems,
|
|
72363
72360
|
changeSelection: onChangeSelection,
|
|
72364
72361
|
withExpandControl: true,
|
|
72365
|
-
setSelectIds: setSelectIds,
|
|
72366
|
-
selectIds: selectIds,
|
|
72367
72362
|
treeHeight: listHeight,
|
|
72368
72363
|
scopeGetter: scopeGetter,
|
|
72369
72364
|
expandedIds: expandedIds
|