@sis-cc/dotstatsuite-visions 10.3.0 → 10.4.1

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.
@@ -30,7 +30,9 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
30
30
  testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
31
31
  isPinned = _ref.isPinned,
32
32
  pinnedLabel = _ref.pinnedLabel,
33
- moreFilters = _ref.moreFilters;
33
+ moreFilters = _ref.moreFilters,
34
+ _ref$isNarrow = _ref.isNarrow,
35
+ isNarrow = _ref$isNarrow === undefined ? false : _ref$isNarrow;
34
36
 
35
37
  var classes = useStyles();
36
38
 
@@ -43,7 +45,7 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
43
45
  onChange: R.is(Function)(onChangeActivePanel) ? function () {
44
46
  return onChangeActivePanel(id);
45
47
  } : undefined,
46
- classes: { root: classes.panel },
48
+ classes: { root: isNarrow ? classes.panelBorder : classes.panel },
47
49
  elevation: 0
48
50
  },
49
51
  React.createElement(
@@ -112,7 +114,8 @@ CustomExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
112
114
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
113
115
  fullWidth: PropTypes.bool,
114
116
  isPinned: PropTypes.bool,
115
- moreFilters: PropTypes.bool
117
+ moreFilters: PropTypes.bool,
118
+ isNarrow: PropTypes.bool
116
119
  } : {};
117
120
 
118
121
  export default withBlank(function (_ref2) {
@@ -49,6 +49,10 @@ export var useStyles = makeStyles(function (theme) {
49
49
  backgroundColor: 'unset'
50
50
  }
51
51
  },
52
+ panelBorder: {
53
+ borderBottom: 'solid 2px ' + theme.palette.grey[700],
54
+ borderTop: 'none'
55
+ },
52
56
  iconSummaryPanel: {
53
57
  color: theme.palette.primary.main,
54
58
  padding: theme.spacing(0.5, 0.5),
@@ -192,12 +192,14 @@ var VirtualizedTree = function VirtualizedTree(props) {
192
192
  } : null,
193
193
  onClick: function onClick(e) {
194
194
  e.preventDefault();
195
- setIsMouseDown(false);
196
- setLastItemId(id);
195
+
197
196
  if (e.ctrlKey) {
198
197
  multiSelect(id);
199
198
  } else if (e.shiftKey) {
200
199
  shiftSelect(index);
200
+ } else {
201
+ setIsMouseDown(false);
202
+ setLastItemId(id);
201
203
  }
202
204
  }
203
205
  // ondblclick: () => null
@@ -69,7 +69,9 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
69
69
  testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
70
70
  isPinned = _ref.isPinned,
71
71
  pinnedLabel = _ref.pinnedLabel,
72
- moreFilters = _ref.moreFilters;
72
+ moreFilters = _ref.moreFilters,
73
+ _ref$isNarrow = _ref.isNarrow,
74
+ isNarrow = _ref$isNarrow === undefined ? false : _ref$isNarrow;
73
75
 
74
76
  var classes = (0, _styles.useStyles)();
75
77
 
@@ -82,7 +84,7 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
82
84
  onChange: R.is(Function)(onChangeActivePanel) ? function () {
83
85
  return onChangeActivePanel(id);
84
86
  } : undefined,
85
- classes: { root: classes.panel },
87
+ classes: { root: isNarrow ? classes.panelBorder : classes.panel },
86
88
  elevation: 0
87
89
  },
88
90
  _react2.default.createElement(
@@ -151,7 +153,8 @@ CustomExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
151
153
  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
152
154
  fullWidth: _propTypes2.default.bool,
153
155
  isPinned: _propTypes2.default.bool,
154
- moreFilters: _propTypes2.default.bool
156
+ moreFilters: _propTypes2.default.bool,
157
+ isNarrow: _propTypes2.default.bool
155
158
  } : {};
156
159
 
157
160
  exports.default = (0, _utils.withBlank)(function (_ref2) {
@@ -59,6 +59,10 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
59
59
  backgroundColor: 'unset'
60
60
  }
61
61
  },
62
+ panelBorder: {
63
+ borderBottom: 'solid 2px ' + theme.palette.grey[700],
64
+ borderTop: 'none'
65
+ },
62
66
  iconSummaryPanel: {
63
67
  color: theme.palette.primary.main,
64
68
  padding: theme.spacing(0.5, 0.5),
@@ -230,12 +230,14 @@ var VirtualizedTree = function VirtualizedTree(props) {
230
230
  } : null,
231
231
  onClick: function onClick(e) {
232
232
  e.preventDefault();
233
- setIsMouseDown(false);
234
- setLastItemId(id);
233
+
235
234
  if (e.ctrlKey) {
236
235
  multiSelect(id);
237
236
  } else if (e.shiftKey) {
238
237
  shiftSelect(index);
238
+ } else {
239
+ setIsMouseDown(false);
240
+ setLastItemId(id);
239
241
  }
240
242
  }
241
243
  // ondblclick: () => null
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "10.3.0",
3
+ "version": "10.4.1",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v10.3.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v10.4.1 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -6673,7 +6673,7 @@ function removeClassName(el
6673
6673
  /* 120 */
6674
6674
  /***/ (function(module) {
6675
6675
 
6676
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.3.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"}};
6676
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.4.1","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"}};
6677
6677
 
6678
6678
  /***/ }),
6679
6679
  /* 121 */
@@ -48359,6 +48359,10 @@ var styles_useStyles = styles_makeStyles(function (theme) {
48359
48359
  backgroundColor: 'unset'
48360
48360
  }
48361
48361
  },
48362
+ panelBorder: {
48363
+ borderBottom: 'solid 2px ' + theme.palette.grey[700],
48364
+ borderTop: 'none'
48365
+ },
48362
48366
  iconSummaryPanel: {
48363
48367
  color: theme.palette.primary.main,
48364
48368
  padding: theme.spacing(0.5, 0.5),
@@ -48417,7 +48421,9 @@ var ExpansionPanel_CustomExpansionPanel = function CustomExpansionPanel(_ref) {
48417
48421
  testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
48418
48422
  isPinned = _ref.isPinned,
48419
48423
  pinnedLabel = _ref.pinnedLabel,
48420
- moreFilters = _ref.moreFilters;
48424
+ moreFilters = _ref.moreFilters,
48425
+ _ref$isNarrow = _ref.isNarrow,
48426
+ isNarrow = _ref$isNarrow === undefined ? false : _ref$isNarrow;
48421
48427
 
48422
48428
  var classes = styles_useStyles();
48423
48429
 
@@ -48430,7 +48436,7 @@ var ExpansionPanel_CustomExpansionPanel = function CustomExpansionPanel(_ref) {
48430
48436
  onChange: es_is(Function)(onChangeActivePanel) ? function () {
48431
48437
  return onChangeActivePanel(id);
48432
48438
  } : undefined,
48433
- classes: { root: classes.panel },
48439
+ classes: { root: isNarrow ? classes.panelBorder : classes.panel },
48434
48440
  elevation: 0
48435
48441
  },
48436
48442
  react_default.a.createElement(
@@ -48499,7 +48505,8 @@ ExpansionPanel_CustomExpansionPanel.propTypes = {
48499
48505
  children: prop_types_default.a.oneOfType([prop_types_default.a.arrayOf(prop_types_default.a.node), prop_types_default.a.node]),
48500
48506
  fullWidth: prop_types_default.a.bool,
48501
48507
  isPinned: prop_types_default.a.bool,
48502
- moreFilters: prop_types_default.a.bool
48508
+ moreFilters: prop_types_default.a.bool,
48509
+ isNarrow: prop_types_default.a.bool
48503
48510
  };
48504
48511
 
48505
48512
  /* harmony default export */ var ExpansionPanel = (utils_withBlank(function (_ref2) {
@@ -71000,12 +71007,14 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
71000
71007
  } : null,
71001
71008
  onClick: function onClick(e) {
71002
71009
  e.preventDefault();
71003
- setIsMouseDown(false);
71004
- setLastItemId(id);
71010
+
71005
71011
  if (e.ctrlKey) {
71006
71012
  multiSelect(id);
71007
71013
  } else if (e.shiftKey) {
71008
71014
  shiftSelect(index);
71015
+ } else {
71016
+ setIsMouseDown(false);
71017
+ setLastItemId(id);
71009
71018
  }
71010
71019
  }
71011
71020
  // ondblclick: () => null