@sis-cc/dotstatsuite-visions 7.3.1 → 7.4.0

package/es/ScopeList/Item.js

@@ -10,6 +10,7 @@ import ListItemText from '@material-ui/core/ListItemText';
 import IconButton from '@material-ui/core/IconButton';
 import SvgIcon from '@material-ui/core/SvgIcon';
 import cx from 'classnames';
+import { Tooltip } from '../';
 
 var checkBoxPath = 'M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z';
 var checkPath = 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z';
@@ -37,6 +38,7 @@ var Item = function Item(_ref) {
       isSelected = _ref.isSelected,
       isDisabled = _ref.isDisabled,
       changeList = _ref.changeList,
+      changeListDescription = _ref.changeListDescription,
       ariaLabel = _ref.ariaLabel,
       NavigateIcon = _ref.NavigateIcon,
       changeSelection = _ref.changeSelection,
@@ -148,17 +150,28 @@ var Item = function Item(_ref) {
         }
       },
       React.createElement(
-        IconButton,
+        Tooltip,
         {
-          disableRipple: true,
-          disableFocusRipple: true,
-          className: classes.arrow,
-          'aria-label': ariaLabel,
-          tabIndex: -1,
-          size: 'small',
-          color: 'inherit'
+          title: changeListDescription || '',
+          tabIndex: 0,
+          'aria-label': changeListDescription,
+          'aria-hidden': false,
+          placement: 'top',
+          variant: 'light'
         },
-        React.createElement(NavigateIcon, null)
+        React.createElement(
+          IconButton,
+          {
+            disableRipple: true,
+            disableFocusRipple: true,
+            className: classes.arrow,
+            'aria-label': ariaLabel,
+            tabIndex: -1,
+            size: 'small',
+            color: 'inherit'
+          },
+          React.createElement(NavigateIcon, null)
+        )
       )
     )
   );
@@ -177,6 +190,7 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
   hasChild: PropTypes.bool,
   isSection: PropTypes.bool,
   changeList: PropTypes.func,
+  changeListDescription: PropTypes.string,
   changeSelection: PropTypes.func,
   changeMouseSelection: PropTypes.func,
   count: PropTypes.number,

package/es/ScopeList/ScopeList.js

@@ -244,6 +244,7 @@ var ScopeList = function ScopeList(props) {
                 classes: classes,
                 isRtl: isRtl,
                 changeList: changeList,
+                changeListDescription: labels.childrenNavigateDesc,
                 changeSelection: changeSelection,
                 changeMouseSelection: changeMouseSelection,
                 ariaLabel: R.prop('navigateNext')(labels),
@@ -284,6 +285,7 @@ ScopeList.propTypes = process.env.NODE_ENV !== "production" ? {
   isBlank: PropTypes.bool,
   isCurrentListAllSelected: PropTypes.bool,
   labels: PropTypes.shape({
+    childrenNavigateDesc: PropTypes.string,
     navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     selection: PropTypes.shape({

package/es/ScopeList/index.js

@@ -47,6 +47,7 @@
  *   hasPath: PropTypes.bool,
  *   changeSelection: PropTypes.func,
  *   labels: {
+ *     childrenNavigateDesc: PropTypes.string,
  *     navigateBefore: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
  *     navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
  *     backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),

package/lib/ScopeList/Item.js

@@ -44,6 +44,8 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
+var _ = require('../');
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -74,6 +76,7 @@ var Item = function Item(_ref) {
       isSelected = _ref.isSelected,
       isDisabled = _ref.isDisabled,
       changeList = _ref.changeList,
+      changeListDescription = _ref.changeListDescription,
       ariaLabel = _ref.ariaLabel,
       NavigateIcon = _ref.NavigateIcon,
       changeSelection = _ref.changeSelection,
@@ -185,17 +188,28 @@ var Item = function Item(_ref) {
         }
       },
       _react2.default.createElement(
-        _IconButton2.default,
+        _.Tooltip,
         {
-          disableRipple: true,
-          disableFocusRipple: true,
-          className: classes.arrow,
-          'aria-label': ariaLabel,
-          tabIndex: -1,
-          size: 'small',
-          color: 'inherit'
+          title: changeListDescription || '',
+          tabIndex: 0,
+          'aria-label': changeListDescription,
+          'aria-hidden': false,
+          placement: 'top',
+          variant: 'light'
         },
-        _react2.default.createElement(NavigateIcon, null)
+        _react2.default.createElement(
+          _IconButton2.default,
+          {
+            disableRipple: true,
+            disableFocusRipple: true,
+            className: classes.arrow,
+            'aria-label': ariaLabel,
+            tabIndex: -1,
+            size: 'small',
+            color: 'inherit'
+          },
+          _react2.default.createElement(NavigateIcon, null)
+        )
       )
     )
   );
@@ -214,6 +228,7 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
   hasChild: _propTypes2.default.bool,
   isSection: _propTypes2.default.bool,
   changeList: _propTypes2.default.func,
+  changeListDescription: _propTypes2.default.string,
   changeSelection: _propTypes2.default.func,
   changeMouseSelection: _propTypes2.default.func,
   count: _propTypes2.default.number,

package/lib/ScopeList/ScopeList.js

@@ -297,6 +297,7 @@ var ScopeList = function ScopeList(props) {
                 classes: classes,
                 isRtl: isRtl,
                 changeList: changeList,
+                changeListDescription: labels.childrenNavigateDesc,
                 changeSelection: changeSelection,
                 changeMouseSelection: changeMouseSelection,
                 ariaLabel: R.prop('navigateNext')(labels),
@@ -337,6 +338,7 @@ ScopeList.propTypes = process.env.NODE_ENV !== "production" ? {
   isBlank: _propTypes2.default.bool,
   isCurrentListAllSelected: _propTypes2.default.bool,
   labels: _propTypes2.default.shape({
+    childrenNavigateDesc: _propTypes2.default.string,
     navigateNext: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
     backHelper: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
     selection: _propTypes2.default.shape({

package/package.json

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