@sis-cc/dotstatsuite-visions 10.26.1 → 10.27.0

package/es/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -194,7 +194,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
       setSelection = _useState2[1];
 
   var classes = useStyles();
-  // const [height, setHeight] = useState(0);
+
+  var _useState3 = useState(0),
+      height = _useState3[0],
+      setHeight = _useState3[1];
+
   var getTotal = function getTotal(items, spotlightAcc) {
     var itemsIds = R.pluck('id', items);
     var total = R.pipe(R.uniq, R.length)(itemsIds);
@@ -203,13 +207,13 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
     }
     return total;
   };
-  // const measureRef = React.useCallback(node => {
-  //   if (node !== null) {
-  //     setHeight((node.getBoundingClientRect().height * 75) / 100);
-  //   }
-  // });
+  var measureRef = React.useCallback(function (node) {
+    if (node !== null) {
+      setHeight(node.getBoundingClientRect().height * 75 / 100);
+    }
+  });
 
-  // const listHeight = height - 170;
+  var listHeight = height - 220;
   var selectionItems = R.map(function (item) {
     return _extends({}, item, {
       isSelected: R.has(item.id, selection) ? !item.isSelected : !!item.isSelected
@@ -306,9 +310,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
       open: isOpen,
       PaperComponent: PaperComponent,
       'aria-labelledby': 'draggable-dialog-title',
-      onClose: onClose
-      // ref={measureRef}
-      , 'aria-modal': true
+      onClose: onClose,
+      ref: measureRef,
+      'aria-modal': true,
+      maxWidth: 'md',
+      fullWidth: true
     },
     React.createElement(
       DialogTitle,
@@ -491,7 +497,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
             items: selectionItems,
             changeSelection: onChangeSelection,
             withExpandControl: true,
-            treeHeight: 0,
+            treeHeight: listHeight,
             scopeGetter: scopeGetter,
             expandedIds: expandedIds
           }))

package/es/Share/Mode.js

@@ -98,10 +98,13 @@ var Mode = function Mode(_ref2) {
         R.map(function (_ref3) {
           var label = _ref3.label,
               value = _ref3.value,
+              _ref3$disabled = _ref3.disabled,
+              disabled = _ref3$disabled === undefined ? false : _ref3$disabled,
               warningMessage = _ref3.warningMessage;
           return React.createElement(FormControlLabel, {
             classes: { label: classes.label },
             key: value,
+            disabled: disabled,
             control: React.createElement(Radio, { variant: 'outlined', color: 'primary' }),
             label: React.createElement(
               'span',
@@ -123,7 +126,8 @@ Mode.propTypes = process.env.NODE_ENV !== "production" ? {
   modes: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     value: PropTypes.string,
-    warningMessage: PropTypes.string
+    warningMessage: PropTypes.string,
+    disabled: PropTypes.bool
   })),
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
 } : {};

package/es/VirtualizedTree/VirtualizedTree.js

@@ -279,7 +279,7 @@ var VirtualizedTree = function VirtualizedTree(props) {
   return React.createElement(
     'div',
     {
-      style: { height: maxHeight + 2 },
+      style: { height: maxHeight },
       onKeyUp: onKeyUp,
       onMouseUp: onMouseUp,
       onMouseLeave: onMouseLeave,

package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -264,7 +264,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
       setSelection = _useState2[1];
 
   var classes = useStyles();
-  // const [height, setHeight] = useState(0);
+
+  var _useState3 = (0, _react.useState)(0),
+      height = _useState3[0],
+      setHeight = _useState3[1];
+
   var getTotal = function getTotal(items, spotlightAcc) {
     var itemsIds = R.pluck('id', items);
     var total = R.pipe(R.uniq, R.length)(itemsIds);
@@ -273,13 +277,13 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
     }
     return total;
   };
-  // const measureRef = React.useCallback(node => {
-  //   if (node !== null) {
-  //     setHeight((node.getBoundingClientRect().height * 75) / 100);
-  //   }
-  // });
+  var measureRef = _react2.default.useCallback(function (node) {
+    if (node !== null) {
+      setHeight(node.getBoundingClientRect().height * 75 / 100);
+    }
+  });
 
-  // const listHeight = height - 170;
+  var listHeight = height - 220;
   var selectionItems = R.map(function (item) {
     return _extends({}, item, {
       isSelected: R.has(item.id, selection) ? !item.isSelected : !!item.isSelected
@@ -376,9 +380,11 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
       open: isOpen,
       PaperComponent: PaperComponent,
       'aria-labelledby': 'draggable-dialog-title',
-      onClose: onClose
-      // ref={measureRef}
-      , 'aria-modal': true
+      onClose: onClose,
+      ref: measureRef,
+      'aria-modal': true,
+      maxWidth: 'md',
+      fullWidth: true
     },
     _react2.default.createElement(
       _DialogTitle2.default,
@@ -561,7 +567,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
             items: selectionItems,
             changeSelection: onChangeSelection,
             withExpandControl: true,
-            treeHeight: 0,
+            treeHeight: listHeight,
             scopeGetter: scopeGetter,
             expandedIds: expandedIds
           }))

package/lib/Share/Mode.js

@@ -134,10 +134,13 @@ var Mode = function Mode(_ref2) {
         R.map(function (_ref3) {
           var label = _ref3.label,
               value = _ref3.value,
+              _ref3$disabled = _ref3.disabled,
+              disabled = _ref3$disabled === undefined ? false : _ref3$disabled,
               warningMessage = _ref3.warningMessage;
           return _react2.default.createElement(_FormControlLabel2.default, {
             classes: { label: classes.label },
             key: value,
+            disabled: disabled,
             control: _react2.default.createElement(_Radio2.default, { variant: 'outlined', color: 'primary' }),
             label: _react2.default.createElement(
               'span',
@@ -159,7 +162,8 @@ Mode.propTypes = process.env.NODE_ENV !== "production" ? {
   modes: _propTypes2.default.arrayOf(_propTypes2.default.shape({
     label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
     value: _propTypes2.default.string,
-    warningMessage: _propTypes2.default.string
+    warningMessage: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool
   })),
   title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
 } : {};

package/lib/VirtualizedTree/VirtualizedTree.js

@@ -315,7 +315,7 @@ var VirtualizedTree = function VirtualizedTree(props) {
   return _react2.default.createElement(
     'div',
     {
-      style: { height: maxHeight + 2 },
+      style: { height: maxHeight },
       onKeyUp: onKeyUp,
       onMouseUp: onMouseUp,
       onMouseLeave: onMouseLeave,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "10.26.1",
+  "version": "10.27.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.26.1 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v10.27.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -6697,7 +6697,7 @@ function removeClassName(el
 /* 119 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.26.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"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.27.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"}};
 
 /***/ }),
 /* 120 */
@@ -51993,10 +51993,13 @@ var Share_Mode_Mode = function Mode(_ref2) {
         es_map(function (_ref3) {
           var label = _ref3.label,
               value = _ref3.value,
+              _ref3$disabled = _ref3.disabled,
+              disabled = _ref3$disabled === undefined ? false : _ref3$disabled,
               warningMessage = _ref3.warningMessage;
           return react_default.a.createElement(esm_FormControlLabel_FormControlLabel, {
             classes: { label: classes.label },
             key: value,
+            disabled: disabled,
             control: react_default.a.createElement(esm_Radio_Radio, { variant: 'outlined', color: 'primary' }),
             label: react_default.a.createElement(
               'span',
@@ -52018,7 +52021,8 @@ Share_Mode_Mode.propTypes = {
   modes: prop_types_default.a.arrayOf(prop_types_default.a.shape({
     label: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
     value: prop_types_default.a.string,
-    warningMessage: prop_types_default.a.string
+    warningMessage: prop_types_default.a.string,
+    disabled: prop_types_default.a.bool
   })),
   title: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element])
 };
@@ -71613,7 +71617,7 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
   return react_default.a.createElement(
     'div',
     {
-      style: { height: maxHeight + 2 },
+      style: { height: maxHeight },
       onKeyUp: onKeyUp,
       onMouseUp: onMouseUp,
       onMouseLeave: onMouseLeave,
@@ -72240,7 +72244,11 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
       setSelection = _useState2[1];
 
   var classes = AdvancedFilterDialog_useStyles();
-  // const [height, setHeight] = useState(0);
+
+  var _useState3 = Object(react["useState"])(0),
+      height = _useState3[0],
+      setHeight = _useState3[1];
+
   var getTotal = function getTotal(items, spotlightAcc) {
     var itemsIds = es_pluck('id', items);
     var total = pipe(es_uniq, es_length)(itemsIds);
@@ -72249,13 +72257,13 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
     }
     return total;
   };
-  // const measureRef = React.useCallback(node => {
-  //   if (node !== null) {
-  //     setHeight((node.getBoundingClientRect().height * 75) / 100);
-  //   }
-  // });
+  var measureRef = react_default.a.useCallback(function (node) {
+    if (node !== null) {
+      setHeight(node.getBoundingClientRect().height * 75 / 100);
+    }
+  });
 
-  // const listHeight = height - 170;
+  var listHeight = height - 220;
   var selectionItems = es_map(function (item) {
     return AdvancedFilterDialog_extends({}, item, {
       isSelected: es_has(item.id, selection) ? !item.isSelected : !!item.isSelected
@@ -72352,9 +72360,11 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
       open: isOpen,
       PaperComponent: AdvancedFilterDialog_PaperComponent,
       'aria-labelledby': 'draggable-dialog-title',
-      onClose: onClose
-      // ref={measureRef}
-      , 'aria-modal': true
+      onClose: onClose,
+      ref: measureRef,
+      'aria-modal': true,
+      maxWidth: 'md',
+      fullWidth: true
     },
     react_default.a.createElement(
       esm_DialogTitle_DialogTitle,
@@ -72537,7 +72547,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
             items: selectionItems,
             changeSelection: onChangeSelection,
             withExpandControl: true,
-            treeHeight: 0,
+            treeHeight: listHeight,
             scopeGetter: scopeGetter,
             expandedIds: expandedIds
           }))