@sis-cc/dotstatsuite-visions 7.4.0 → 7.4.1

package/es/ScopeList/Item.js

@@ -33,6 +33,7 @@ var Item = function Item(_ref) {
   var classes = _ref.classes,
       id = _ref.id,
       label = _ref.label,
+      description = _ref.description,
       _ref$nodePath = _ref.nodePath,
       nodePath = _ref$nodePath === undefined ? [] : _ref$nodePath,
       isSelected = _ref.isSelected,
@@ -103,14 +104,24 @@ var Item = function Item(_ref) {
           React.createElement('path', { d: svgPath })
         ),
         React.createElement(
-          Typography,
+          Tooltip,
           {
-            'data-testid': testId + '_value_' + id,
-            color: 'inherit',
-            variant: 'body2',
-            className: cx(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6))
+            title: R.isNil(description) ? '' : description,
+            tabIndex: 0,
+            'aria-label': description,
+            'aria-hidden': false,
+            placement: 'top'
           },
-          label
+          React.createElement(
+            Typography,
+            {
+              'data-testid': testId + '_value_' + id,
+              color: 'inherit',
+              variant: 'body2',
+              className: cx(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6[classes.tooltipNotice] = !R.isNil(description), _cx6))
+            },
+            label
+          )
         ),
         R.not(R.isNil(count)) && React.createElement(
           Typography,
@@ -181,6 +192,7 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
   classes: PropTypes.object,
   id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   label: PropTypes.string,
+  description: PropTypes.string,
   parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   nodePath: PropTypes.array,
   ariaLabel: PropTypes.string,

package/es/ScopeList/styles.js

@@ -143,6 +143,9 @@ export var useStyles = makeStyles(function (theme) {
     },
     bulkSelectionIcon: {
       minWidth: 50
+    },
+    tooltipNotice: {
+      textDecoration: 'underline dotted'
     }
   };
 });

package/lib/ScopeList/Item.js

@@ -71,6 +71,7 @@ var Item = function Item(_ref) {
   var classes = _ref.classes,
       id = _ref.id,
       label = _ref.label,
+      description = _ref.description,
       _ref$nodePath = _ref.nodePath,
       nodePath = _ref$nodePath === undefined ? [] : _ref$nodePath,
       isSelected = _ref.isSelected,
@@ -141,14 +142,24 @@ var Item = function Item(_ref) {
           _react2.default.createElement('path', { d: svgPath })
         ),
         _react2.default.createElement(
-          _Typography2.default,
+          _.Tooltip,
           {
-            'data-testid': testId + '_value_' + id,
-            color: 'inherit',
-            variant: 'body2',
-            className: (0, _classnames2.default)(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6))
+            title: R.isNil(description) ? '' : description,
+            tabIndex: 0,
+            'aria-label': description,
+            'aria-hidden': false,
+            placement: 'top'
           },
-          label
+          _react2.default.createElement(
+            _Typography2.default,
+            {
+              'data-testid': testId + '_value_' + id,
+              color: 'inherit',
+              variant: 'body2',
+              className: (0, _classnames2.default)(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6[classes.tooltipNotice] = !R.isNil(description), _cx6))
+            },
+            label
+          )
         ),
         R.not(R.isNil(count)) && _react2.default.createElement(
           _Typography2.default,
@@ -219,6 +230,7 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
   classes: _propTypes2.default.object,
   id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
   label: _propTypes2.default.string,
+  description: _propTypes2.default.string,
   parentId: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
   nodePath: _propTypes2.default.array,
   ariaLabel: _propTypes2.default.string,

package/lib/ScopeList/styles.js

@@ -149,6 +149,9 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     bulkSelectionIcon: {
       minWidth: 50
+    },
+    tooltipNotice: {
+      textDecoration: 'underline dotted'
     }
   };
 });

package/package.json

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