@sis-cc/dotstatsuite-visions 7.17.8 → 7.17.10

package/es/ScopeList/Item.js

@@ -118,20 +118,18 @@ var Item = function Item(_ref) {
             title: R.or(R.isNil(HTMLRenderer), R.isEmpty(description)) ? description : React.createElement(HTMLRenderer, { html: description, onClick: function onClick(e) {
                 return e.stopPropagation();
               } }),
-            PopperProps: {
-              onMouseEnter: function onMouseEnter() {
-                return setIsTooltipShown(true);
-              },
-              onMouseLeave: function onMouseLeave() {
-                return setIsTooltipShown(false);
-              }
-            },
             enterDelay: 400,
             tabIndex: 0,
             'aria-label': description,
             'aria-hidden': false,
             placement: 'top',
-            interactive: Boolean(HTMLRenderer)
+            interactive: Boolean(HTMLRenderer),
+            onOpen: function onOpen() {
+              return setIsTooltipShown(true);
+            },
+            onClose: function onClose() {
+              return setIsTooltipShown(false);
+            }
           },
           React.createElement(
             Typography,

package/es/TableHtml5/section.js

@@ -9,6 +9,7 @@ import { makeStyles, useTheme } from '@material-ui/core/styles';
 import TableBody from '@material-ui/core/TableBody';
 import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
+import { isTimePeriodDimension } from '@sis-cc/dotstatsuite-sdmxjs';
 import SectionHeader from './sectionHeader';
 import Cell from './cell';
 import { getLight, getIsRtl } from '../utils';
@@ -25,6 +26,9 @@ var useStyles = makeStyles(function (theme) {
       color: theme.palette.grey['A700'],
       verticalAlign: 'middle'
     },
+    timePeriodCells: {
+      whiteSpace: 'nowrap'
+    },
     fillerCell: {
       minWidth: '30px',
       backgroundColor: theme.palette.grey[200],
@@ -121,7 +125,7 @@ var Section = function Section(_ref) {
             TableCell,
             {
               key: id,
-              className: cx(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx)),
+              className: cx(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = isTimePeriodDimension(R.prop('dimension', cell)), _cx)),
               id: id,
               headers: 'subHeader_' + index + ' ' + currentSection,
               component: 'th',

package/lib/ScopeList/Item.js

@@ -156,20 +156,18 @@ var Item = function Item(_ref) {
             title: R.or(R.isNil(HTMLRenderer), R.isEmpty(description)) ? description : _react2.default.createElement(HTMLRenderer, { html: description, onClick: function onClick(e) {
                 return e.stopPropagation();
               } }),
-            PopperProps: {
-              onMouseEnter: function onMouseEnter() {
-                return setIsTooltipShown(true);
-              },
-              onMouseLeave: function onMouseLeave() {
-                return setIsTooltipShown(false);
-              }
-            },
             enterDelay: 400,
             tabIndex: 0,
             'aria-label': description,
             'aria-hidden': false,
             placement: 'top',
-            interactive: Boolean(HTMLRenderer)
+            interactive: Boolean(HTMLRenderer),
+            onOpen: function onOpen() {
+              return setIsTooltipShown(true);
+            },
+            onClose: function onClose() {
+              return setIsTooltipShown(false);
+            }
           },
           _react2.default.createElement(
             _Typography2.default,

package/lib/TableHtml5/section.js

@@ -38,6 +38,8 @@ var _TableRow = require('@material-ui/core/TableRow');
 
 var _TableRow2 = _interopRequireDefault(_TableRow);
 
+var _dotstatsuiteSdmxjs = require('@sis-cc/dotstatsuite-sdmxjs');
+
 var _sectionHeader = require('./sectionHeader');
 
 var _sectionHeader2 = _interopRequireDefault(_sectionHeader);
@@ -67,6 +69,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       color: theme.palette.grey['A700'],
       verticalAlign: 'middle'
     },
+    timePeriodCells: {
+      whiteSpace: 'nowrap'
+    },
     fillerCell: {
       minWidth: '30px',
       backgroundColor: theme.palette.grey[200],
@@ -163,7 +168,7 @@ var Section = function Section(_ref) {
             _TableCell2.default,
             {
               key: id,
-              className: (0, _classnames2.default)(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx)),
+              className: (0, _classnames2.default)(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = (0, _dotstatsuiteSdmxjs.isTimePeriodDimension)(R.prop('dimension', cell)), _cx)),
               id: id,
               headers: 'subHeader_' + index + ' ' + currentSection,
               component: 'th',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "7.17.8",
+  "version": "7.17.10",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",
@@ -51,10 +51,12 @@
     "@material-ui/core": "^4.9.5",
     "@material-ui/icons": "^4.5.1",
     "@material-ui/styles": "^4.5.0",
+    "@sis-cc/dotstatsuite-sdmxjs": "^8.x",
     "react": "16.x"
   },
   "devDependencies": {
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@sis-cc/dotstatsuite-sdmxjs": "*",
     "@testing-library/jest-dom": "^5.1.1",
     "@testing-library/react": "^9.4.1",
     "babel-eslint": "^10.0.3",