@sis-cc/dotstatsuite-visions 10.14.0 → 10.15.0

package/lib/DataFooter/DataFooter.js

@@ -148,6 +148,7 @@ var DataFooter = function DataFooter(_ref3) {
                   { variant: 'body2' },
                   copyright.content
                 ),
+                'aria-label': copyright.content,
                 variant: 'light',
                 tabIndex: 0,
                 'aria-hidden': false,
@@ -161,7 +162,8 @@ var DataFooter = function DataFooter(_ref3) {
                 {
                   variant: 'body2',
                   className: classes.typo,
-                  style: { cursor: 'pointer' }
+                  style: { cursor: 'pointer' },
+                  role: 'button'
                 },
                 copyright.label
               )
@@ -181,12 +183,7 @@ var DataFooter = function DataFooter(_ref3) {
             { variant: 'body2', className: classes.typo },
             _react2.default.createElement(
               _Link2.default,
-              {
-                href: source.link,
-                rel: 'noopener noreferrer',
-                target: '_blank',
-                variant: 'body2'
-              },
+              { href: source.link, rel: 'noopener noreferrer', target: '_blank', variant: 'body2' },
               source.label
             )
           )

package/lib/ExpansionPanel/ExpansionPanel.js

@@ -112,7 +112,7 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
         expandIcon: _react2.default.createElement(_ExpandMore2.default, null),
         'aria-controls': id,
         id: id,
-        'aria-label': label
+        'aria-label': isPinned ? label + ' ' + pinnedLabel + ' ' : label
       },
       _react2.default.createElement(
         _Grid2.default,

package/lib/HierarchicalFilter/HierarchicalFilter.js

@@ -75,6 +75,7 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
       label = props.label,
       labels = props.labels,
       tagAccessor = props.tagAccessor,
+      tagAriaLabel = props.tagAriaLabel,
       expandedIds = props.expandedIds,
       spotlight = props.spotlight,
       setSpotlight = props.setSpotlight,
@@ -93,6 +94,7 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
   var _disableAccessor = simpleSelectionMode ? disableAccessor : (0, _utils.getEvolvedDisableAccessor)(_allGroupedItems, disableAccessor, R.always(false));
 
   var tagValue = getCounter(items, _disableAccessor, tagAccessor);
+  var tagValueLabel = getCounter(items, _disableAccessor, tagAriaLabel);
   var isDisabled = function isDisabled(item) {
     return R.is(Function, disableAccessor) ? disableAccessor(item) : false;
   };
@@ -113,12 +115,13 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
       label: labelRenderer({ id: id, label: label }),
       onChangeActivePanel: onChangeActivePanel,
       overflow: true,
+      tagValueLabel: tagValueLabel,
       topElementComponent: _react2.default.createElement(
         _react.Fragment,
         null,
         _react2.default.createElement(
           _Container2.default,
-          { disableGutters: true, className: classes.spotlightContainer },
+          { disableGutters: true, className: classes.spotlightContainer, role: 'presentation' },
           hasSpotlight && _react2.default.createElement(_.Spotlight, {
             className: { container: classes.middle },
             fullWidth: true,
@@ -151,7 +154,7 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
       ),
       tag: _react2.default.createElement(
         Chip,
-        { items: items },
+        { items: items, tagValueLabel: tagValueLabel },
         tagValue
       )
     }, expansionPanelProps),
@@ -191,7 +194,8 @@ HierarchicalFilter.propTypes = process.env.NODE_ENV !== "production" ? {
   setSpotlight: _propTypes2.default.func,
   hasSpotlight: _propTypes2.default.bool,
   allItems: _propTypes2.default.array,
-  simpleSelectionMode: _propTypes2.default.bool
+  simpleSelectionMode: _propTypes2.default.bool,
+  tagAriaLabel: _propTypes2.default.func
 } : {};
 
 exports.default = (0, _withSpotlight.withSpotlight)((0, _withExpansionTree.withExpansionTree)(HierarchicalFilter));

package/lib/TableHtml5/flags.js

@@ -79,6 +79,23 @@ var Flags = function Flags(_ref) {
 
   var classes = useStyles();
   var noFlags = R.isNil(flags) || R.isEmpty(flags);
+
+  var _useState = (0, _react.useState)(false),
+      open = _useState[0],
+      setOpen = _useState[1];
+
+  var handler = (0, _react.useCallback)(function (e) {
+    if (e.key === 'Escape') {
+      setOpen(false);
+    }
+  }, []);
+
+  (0, _react.useEffect)(function () {
+    document.addEventListener('keydown', handler);
+    return function () {
+      document.removeEventListener('keydown', handler);
+    };
+  }, []);
   if (noFlags) return null;
 
   var hasUncoded = R.any(R.complement(R.has('code')), flags);
@@ -108,7 +125,15 @@ var Flags = function Flags(_ref) {
       'aria-label': R.join(', ', labels),
       'aria-hidden': false,
       title: content,
-      placement: 'top'
+      placement: 'top',
+      open: open,
+      interactive: true,
+      onOpen: function onOpen() {
+        return setOpen(true);
+      },
+      onClose: function onClose() {
+        return setOpen(false);
+      }
     },
     _react2.default.createElement(
       'span',

package/lib/TableHtml5/section.js

@@ -237,7 +237,7 @@ var Section = function Section(_ref) {
             return R.isNil(val) ? missingValLabel : cellValueAccessor(val);
           }))(cells), {
             key: intersectionCellId,
-            headers: rowIds + ' ' + columnIds + ' ' + currentSection + ' ' + rowIndex + '_' + rowId + '_' + columnIds,
+            headers: rowIds + ' ' + columnIds + ' ' + currentSection,
             cellHandler: cellHandler,
             HTMLRenderer: HTMLRenderer,
             labelAccessor: labelAccessor,

package/lib/Tag/Tag.js

@@ -38,7 +38,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 });
 
 var Tag = function Tag(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      tagValueLabel = _ref.tagValueLabel;
 
   var classes = useStyles();
 
@@ -49,14 +50,15 @@ var Tag = function Tag(_ref) {
     null,
     _react2.default.createElement(
       _Typography2.default,
-      { className: classes.tag },
+      { tabIndex: 0, className: classes.tag, 'aria-label': tagValueLabel },
       children
     )
   );
 };
 
 Tag.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node])
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  tagValueLabel: _propTypes2.default.string
 } : {};
 
 exports.default = Tag;

package/lib/VirtualizedTree/Item.js

@@ -88,6 +88,20 @@ var Item = function Item(_ref) {
       setIsTooltipShown = _React$useState[1];
 
   var padding = depth * 30 + (depth > 0 && !hasChildrenOnLevel ? 30 : 0) + (!hasChild && hasChildrenOnLevel ? 30 : 0);
+
+  var handler = (0, _react.useCallback)(function (e) {
+    if (e.key === 'Escape') {
+      setIsTooltipShown(false);
+    }
+  }, []);
+
+  (0, _react.useEffect)(function () {
+    document.addEventListener('keydown', handler);
+    return function () {
+      document.removeEventListener('keydown', handler);
+    };
+  }, []);
+
   return _react2.default.createElement(
     _ListItem2.default,
     {
@@ -98,7 +112,8 @@ var Item = function Item(_ref) {
       tabIndex: -1,
       style: _extends({}, style, (_extends2 = {
         flexDirection: isRtl ? 'row-reverse' : 'row'
-      }, _extends2['' + (isRtl ? 'paddingRight' : 'paddingLeft')] = padding + 'px', _extends2))
+      }, _extends2['' + (isRtl ? 'paddingRight' : 'paddingLeft')] = padding + 'px', _extends2)),
+      role: 'listitem'
     },
     R.and(NavigateIcon, hasChild) && _react2.default.createElement(
       _IconButton2.default,
@@ -137,8 +152,7 @@ var Item = function Item(_ref) {
       primary: _react2.default.createElement(
         'div',
         {
-          className: (0, _classnames2.default)(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2)),
-          style: { pointerEvents: 'none' }
+          className: (0, _classnames2.default)(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2))
         },
         _react2.default.createElement(
           _SvgIcon2.default,
@@ -175,7 +189,9 @@ var Item = function Item(_ref) {
             },
             onClose: function onClose() {
               return setIsTooltipShown(false);
-            }
+            },
+            disableHoverListener: R.isEmpty(description),
+            open: isTooltipShown
           },
           _react2.default.createElement(
             _Typography2.default,

package/lib/VirtualizedTree/VirtualizedTree.js

@@ -33,10 +33,6 @@ var _ExpandLess = require('@material-ui/icons/ExpandLess');
 
 var _ExpandLess2 = _interopRequireDefault(_ExpandLess);
 
-var _List3 = require('@material-ui/core/List');
-
-var _List4 = _interopRequireDefault(_List3);
-
 var _Item = require('./Item');
 
 var _Item2 = _interopRequireDefault(_Item);
@@ -317,25 +313,24 @@ var VirtualizedTree = function VirtualizedTree(props) {
   }
   var isRtl = (0, _utils2.getIsRtl)(theme);
   return _react2.default.createElement(
-    _List4.default,
+    'div',
     {
-      disablePadding: true,
       style: { height: maxHeight + 2 },
       onKeyUp: onKeyUp,
       onMouseUp: onMouseUp,
       onMouseLeave: onMouseLeave,
-      ref: ref
+      ref: ref,
+      role: 'presentation'
     },
     _react2.default.createElement(
       _AutoSizer2.default,
-      { role: 'presentation' },
+      null,
       function (_ref) {
         var height = _ref.height,
             width = _ref.width;
         return _react2.default.createElement(_List2.default, {
+          containerRole: 'list',
           role: 'presentation',
-          'aria-readonly': null,
-          'aria-label': 'content',
           overscan: 10,
           tabIndex: -1,
           height: height + 2,
@@ -371,8 +366,7 @@ var VirtualizedTree = function VirtualizedTree(props) {
               style: style,
               accessibility: accessibility,
               ariaLabel: R.prop('navigateNext')(labels),
-              theme: theme,
-              role: 'presentation'
+              theme: theme
             }));
           }
         });

package/package.json

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