@sis-cc/dotstatsuite-visions 10.18.0 → 10.19.0

package/es/CollapsibleTree/CollapsibleTree.js

@@ -10,14 +10,20 @@ import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import Divider from '@material-ui/core/Divider';
 import Button from '@material-ui/core/Button';
+import IconButton from '@material-ui/core/IconButton';
 import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
 import KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import Grid from '@material-ui/core/Grid';
 import Collapse, { VARIANT_BOLD } from './Collapse';
 import cx from 'classnames';
+
 var useStyles = makeStyles(function (theme) {
   return {
+    container: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
     title: _extends({
       fontWeight: 'bold'
     }, R.pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
@@ -46,7 +52,9 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
       labels = _ref.labels,
       _ref$testId = _ref.testId,
       testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
-      valueHandler = _ref.valueHandler;
+      valueHandler = _ref.valueHandler,
+      icon = _ref.icon,
+      onClick = _ref.onClick;
 
   var classes = useStyles();
 
@@ -94,7 +102,7 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
     null,
     React.createElement(
       Container,
-      { disableGutters: true, 'data-testid': testId },
+      { disableGutters: true, 'data-testid': testId, className: classes.container },
       React.createElement(
         Button,
         {
@@ -107,6 +115,11 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
         },
         buttonAllOpenLabel
       ),
+      React.createElement(
+        IconButton,
+        { color: 'primary', onClick: onClick },
+        icon
+      ),
       children
     ),
     R.map(function (_ref3) {
@@ -196,7 +209,9 @@ CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
     noValue: PropTypes.string
   }),
   testId: PropTypes.string,
-  valueHandler: PropTypes.func
+  valueHandler: PropTypes.func,
+  icon: PropTypes.element,
+  onClick: PropTypes.func
 } : {};
 
 export default CollapsibleTree;

package/lib/CollapsibleTree/CollapsibleTree.js

@@ -34,6 +34,10 @@ var _Button = require('@material-ui/core/Button');
 
 var _Button2 = _interopRequireDefault(_Button);
 
+var _IconButton = require('@material-ui/core/IconButton');
+
+var _IconButton2 = _interopRequireDefault(_IconButton);
+
 var _KeyboardArrowDown = require('@material-ui/icons/KeyboardArrowDown');
 
 var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
@@ -66,6 +70,10 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
+    container: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
     title: _extends({
       fontWeight: 'bold'
     }, R.pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
@@ -94,7 +102,9 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
       labels = _ref.labels,
       _ref$testId = _ref.testId,
       testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
-      valueHandler = _ref.valueHandler;
+      valueHandler = _ref.valueHandler,
+      icon = _ref.icon,
+      onClick = _ref.onClick;
 
   var classes = useStyles();
 
@@ -142,7 +152,7 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
     null,
     _react2.default.createElement(
       _Container2.default,
-      { disableGutters: true, 'data-testid': testId },
+      { disableGutters: true, 'data-testid': testId, className: classes.container },
       _react2.default.createElement(
         _Button2.default,
         {
@@ -155,6 +165,11 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
         },
         buttonAllOpenLabel
       ),
+      _react2.default.createElement(
+        _IconButton2.default,
+        { color: 'primary', onClick: onClick },
+        icon
+      ),
       children
     ),
     R.map(function (_ref3) {
@@ -244,7 +259,9 @@ CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
     noValue: _propTypes2.default.string
   }),
   testId: _propTypes2.default.string,
-  valueHandler: _propTypes2.default.func
+  valueHandler: _propTypes2.default.func,
+  icon: _propTypes2.default.element,
+  onClick: _propTypes2.default.func
 } : {};
 
 exports.default = CollapsibleTree;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "10.18.0",
+  "version": "10.19.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",

package/umd/@sis-cc/dotstatsuite-visions.js

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v10.18.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v10.19.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -821,7 +821,7 @@ function capitalize(string) {
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useForkRef; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
+/* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
 
 
 function useForkRef(refA, refB) {
@@ -1516,7 +1516,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 
 /***/ }),
-/* 28 */
+/* 28 */,
+/* 29 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1531,7 +1532,6 @@ function setRef(ref, value) {
 }
 
 /***/ }),
-/* 29 */,
 /* 30 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -5638,7 +5638,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _requirePropFactory__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(105);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "requirePropFactory", function() { return _requirePropFactory__WEBPACK_IMPORTED_MODULE_8__["a"]; });
 
-/* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(28);
+/* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(29);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setRef", function() { return _setRef__WEBPACK_IMPORTED_MODULE_9__["a"]; });
 
 /* harmony import */ var _unsupportedProp__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(81);
@@ -6699,7 +6699,7 @@ function removeClassName(el
 /* 121 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.18.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"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.19.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"}};
 
 /***/ }),
 /* 122 */
@@ -34298,7 +34298,7 @@ var createChainedFunction = __webpack_require__(33);
 var getThemeProps = __webpack_require__(415);
 
 // EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/utils/setRef.js
-var utils_setRef = __webpack_require__(28);
+var utils_setRef = __webpack_require__(29);
 
 // CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Portal/Portal.js
 
@@ -43882,8 +43882,14 @@ function CollapsibleTree_objectWithoutProperties(obj, keys) { var target = {}; f
 
 
 
+
+
 var CollapsibleTree_useStyles = styles_makeStyles(function (theme) {
   return {
+    container: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
     title: CollapsibleTree_extends({
       fontWeight: 'bold'
     }, es_pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
@@ -43912,7 +43918,9 @@ var CollapsibleTree_CollapsibleTree = function CollapsibleTree(_ref) {
       labels = _ref.labels,
       _ref$testId = _ref.testId,
       testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
-      valueHandler = _ref.valueHandler;
+      valueHandler = _ref.valueHandler,
+      icon = _ref.icon,
+      onClick = _ref.onClick;
 
   var classes = CollapsibleTree_useStyles();
 
@@ -43960,7 +43968,7 @@ var CollapsibleTree_CollapsibleTree = function CollapsibleTree(_ref) {
     null,
     react_default.a.createElement(
       esm_Container_Container,
-      { disableGutters: true, 'data-testid': testId },
+      { disableGutters: true, 'data-testid': testId, className: classes.container },
       react_default.a.createElement(
         esm_Button_Button,
         {
@@ -43973,6 +43981,11 @@ var CollapsibleTree_CollapsibleTree = function CollapsibleTree(_ref) {
         },
         buttonAllOpenLabel
       ),
+      react_default.a.createElement(
+        esm_IconButton_IconButton,
+        { color: 'primary', onClick: onClick },
+        icon
+      ),
       children
     ),
     es_map(function (_ref3) {
@@ -44062,7 +44075,9 @@ CollapsibleTree_CollapsibleTree.propTypes = {
     noValue: prop_types_default.a.string
   }),
   testId: prop_types_default.a.string,
-  valueHandler: prop_types_default.a.func
+  valueHandler: prop_types_default.a.func,
+  icon: prop_types_default.a.element,
+  onClick: prop_types_default.a.func
 };
 
 /* harmony default export */ var src_CollapsibleTree_CollapsibleTree = (CollapsibleTree_CollapsibleTree);