@dhis2-ui/header-bar 9.5.0 → 9.6.0

package/build/cjs/locales/en/translations.json

@@ -8,6 +8,8 @@
     "Debug info": "Debug info",
     "Close": "Close",
     "Copy debug info": "Copy debug info",
+    "Interpretations": "Interpretations",
+    "Messages": "Messages",
     "Online": "Online",
     "Offline": "Offline",
     "Edit profile": "Edit profile",
@@ -18,5 +20,6 @@
     "Logout": "Logout",
     "New {{appName}} version available": "New {{appName}} version available",
     "New app version available": "New app version available",
-    "Click to reload": "Click to reload"
+    "Click to reload": "Click to reload",
+    "header bar profile": "header bar profile"
 }

package/build/cjs/notification-icon.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _index = _interopRequireDefault(require("./locales/index.js"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function icon(kind) {
@@ -34,12 +36,16 @@ const NotificationIcon = _ref => {
     count,
     href,
     kind,
-    dataTestId
+    dataTestId,
+    title,
+    'aria-label': ariaLabel
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("a", {
     dir: "ltr",
     href: href,
     "data-test": dataTestId,
+    title: _index.default.t(title),
+    "aria-label": _index.default.t(ariaLabel),
     className: _style.default.dynamic([["995028205", [_uiConstants.spacers.dp12, _uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]]]) + " " + (kind || "")
   }, icon(kind), count > 0 && /*#__PURE__*/_react.default.createElement("span", {
     "data-test": "".concat(dataTestId, "-count"),
@@ -55,7 +61,9 @@ NotificationIcon.defaultProps = {
   count: 0
 };
 NotificationIcon.propTypes = {
+  'aria-label': _propTypes.default.string.isRequired,
   href: _propTypes.default.string.isRequired,
+  title: _propTypes.default.string.isRequired,
   count: _propTypes.default.number,
   dataTestId: _propTypes.default.string,
   kind: _propTypes.default.oneOf(['interpretation', 'message'])

package/build/cjs/notifications.js

@@ -15,16 +15,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _joinPath = require("./join-path.js");
 
+var _index = _interopRequireDefault(require("./locales/index.js"));
+
 var _notificationIcon = require("./notification-icon.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/*
- AUTHORITIES:
- - ALL: superuser
- - M_dhis-web-interpretation: access to interpretations app
- - M_dhis-web-messaging: access to messaging app
- */
 const hasAuthority = (userAuthorities, authId) => Array.isArray(userAuthorities) && userAuthorities.some(userAuthId => userAuthId === 'ALL' || userAuthId === authId);
 
 const Notifications = _ref => {
@@ -43,13 +39,17 @@ const Notifications = _ref => {
     count: interpretations,
     href: (0, _joinPath.joinPath)(baseUrl, 'dhis-web-interpretation'),
     kind: "message",
-    dataTestId: "headerbar-interpretations"
+    dataTestId: "headerbar-interpretations",
+    title: _index.default.t('Interpretations'),
+    "aria-label": _index.default.t('Interpretations')
   }), hasAuthority(userAuthorities, 'M_dhis-web-messaging') && /*#__PURE__*/_react.default.createElement(_notificationIcon.NotificationIcon, {
     message: "email",
     count: messages,
     href: (0, _joinPath.joinPath)(baseUrl, 'dhis-web-messaging'),
     kind: "interpretation",
-    dataTestId: "headerbar-messages"
+    dataTestId: "headerbar-messages",
+    title: _index.default.t('Messages'),
+    "aria-label": _index.default.t('Messages')
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "55705730"
   }, ["div.jsx-55705730{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}"]));

package/build/cjs/profile.js

@@ -15,7 +15,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _debugInfoModal = require("./debug-info/debug-info-modal.js");
 
-var _index = require("./profile-menu/index.js");
+var _index = _interopRequireDefault(require("./locales/index.js"));
+
+var _index2 = require("./profile-menu/index.js");
 
 var _useOnDocClick = require("./profile/use-on-doc-click.js");
 
@@ -44,13 +46,15 @@ const Profile = _ref => {
     className: "jsx-3442481507" + " " + "headerbar-profile"
   }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: toggleProfileMenu,
+    title: _index.default.t('header bar profile'),
+    "aria-label": _index.default.t('header bar profile'),
     className: "jsx-3442481507" + " " + "headerbar-profile-btn"
   }, /*#__PURE__*/_react.default.createElement(_userAvatar.UserAvatar, {
     avatarId: avatarId,
     name: name,
     dataTest: "headerbar-profile-icon",
     medium: true
-  })), showProfileMenu && /*#__PURE__*/_react.default.createElement(_index.ProfileMenu, {
+  })), showProfileMenu && /*#__PURE__*/_react.default.createElement(_index2.ProfileMenu, {
     avatarId: avatarId,
     name: name,
     email: email,

package/build/es/locales/en/translations.json

@@ -8,6 +8,8 @@
     "Debug info": "Debug info",
     "Close": "Close",
     "Copy debug info": "Copy debug info",
+    "Interpretations": "Interpretations",
+    "Messages": "Messages",
     "Online": "Online",
     "Offline": "Offline",
     "Edit profile": "Edit profile",
@@ -18,5 +20,6 @@
     "Logout": "Logout",
     "New {{appName}} version available": "New {{appName}} version available",
     "New app version available": "New app version available",
-    "Click to reload": "Click to reload"
+    "Click to reload": "Click to reload",
+    "header bar profile": "header bar profile"
 }

package/build/es/notification-icon.js

@@ -3,6 +3,7 @@ import { colors, theme, spacers } from '@dhis2/ui-constants';
 import { IconMessages24, IconMail24 } from '@dhis2/ui-icons';
 import PropTypes from 'prop-types';
 import React from 'react';
+import i18n from './locales/index.js';
 
 function icon(kind) {
   if (kind === 'message') {
@@ -21,12 +22,16 @@ export const NotificationIcon = _ref => {
     count,
     href,
     kind,
-    dataTestId
+    dataTestId,
+    title,
+    'aria-label': ariaLabel
   } = _ref;
   return /*#__PURE__*/React.createElement("a", {
     dir: "ltr",
     href: href,
     "data-test": dataTestId,
+    title: i18n.t(title),
+    "aria-label": i18n.t(ariaLabel),
     className: _JSXStyle.dynamic([["995028205", [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]]) + " " + (kind || "")
   }, icon(kind), count > 0 && /*#__PURE__*/React.createElement("span", {
     "data-test": "".concat(dataTestId, "-count"),
@@ -40,7 +45,9 @@ NotificationIcon.defaultProps = {
   count: 0
 };
 NotificationIcon.propTypes = {
+  'aria-label': PropTypes.string.isRequired,
   href: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
   count: PropTypes.number,
   dataTestId: PropTypes.string,
   kind: PropTypes.oneOf(['interpretation', 'message'])

package/build/es/notifications.js

@@ -3,13 +3,8 @@ import { useConfig } from '@dhis2/app-runtime';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { joinPath } from './join-path.js';
+import i18n from './locales/index.js';
 import { NotificationIcon } from './notification-icon.js';
-/*
- AUTHORITIES:
- - ALL: superuser
- - M_dhis-web-interpretation: access to interpretations app
- - M_dhis-web-messaging: access to messaging app
- */
 
 const hasAuthority = (userAuthorities, authId) => Array.isArray(userAuthorities) && userAuthorities.some(userAuthId => userAuthId === 'ALL' || userAuthId === authId);
 
@@ -29,13 +24,17 @@ export const Notifications = _ref => {
     count: interpretations,
     href: joinPath(baseUrl, 'dhis-web-interpretation'),
     kind: "message",
-    dataTestId: "headerbar-interpretations"
+    dataTestId: "headerbar-interpretations",
+    title: i18n.t('Interpretations'),
+    "aria-label": i18n.t('Interpretations')
   }), hasAuthority(userAuthorities, 'M_dhis-web-messaging') && /*#__PURE__*/React.createElement(NotificationIcon, {
     message: "email",
     count: messages,
     href: joinPath(baseUrl, 'dhis-web-messaging'),
     kind: "interpretation",
-    dataTestId: "headerbar-messages"
+    dataTestId: "headerbar-messages",
+    title: i18n.t('Messages'),
+    "aria-label": i18n.t('Messages')
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "55705730"
   }, ["div.jsx-55705730{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}"]));

package/build/es/profile.js

@@ -3,6 +3,7 @@ import { UserAvatar } from '@dhis2-ui/user-avatar';
 import PropTypes from 'prop-types';
 import React, { useCallback, useRef, useState } from 'react';
 import { DebugInfoModal } from './debug-info/debug-info-modal.js';
+import i18n from './locales/index.js';
 import { ProfileMenu } from './profile-menu/index.js';
 import { useOnDocClick } from './profile/use-on-doc-click.js';
 
@@ -25,6 +26,8 @@ const Profile = _ref => {
     className: "jsx-3442481507" + " " + "headerbar-profile"
   }, /*#__PURE__*/React.createElement("button", {
     onClick: toggleProfileMenu,
+    title: i18n.t('header bar profile'),
+    "aria-label": i18n.t('header bar profile'),
     className: "jsx-3442481507" + " " + "headerbar-profile-btn"
   }, /*#__PURE__*/React.createElement(UserAvatar, {
     avatarId: avatarId,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/header-bar",
-    "version": "9.5.0",
+    "version": "9.6.0",
     "description": "UI HeaderBar",
     "repository": {
         "type": "git",
@@ -34,21 +34,21 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/box": "9.5.0",
-        "@dhis2-ui/button": "9.5.0",
-        "@dhis2-ui/card": "9.5.0",
-        "@dhis2-ui/center": "9.5.0",
-        "@dhis2-ui/divider": "9.5.0",
-        "@dhis2-ui/input": "9.5.0",
-        "@dhis2-ui/layer": "9.5.0",
-        "@dhis2-ui/loader": "9.5.0",
-        "@dhis2-ui/logo": "9.5.0",
-        "@dhis2-ui/menu": "9.5.0",
-        "@dhis2-ui/modal": "9.5.0",
-        "@dhis2-ui/user-avatar": "9.5.0",
+        "@dhis2-ui/box": "9.6.0",
+        "@dhis2-ui/button": "9.6.0",
+        "@dhis2-ui/card": "9.6.0",
+        "@dhis2-ui/center": "9.6.0",
+        "@dhis2-ui/divider": "9.6.0",
+        "@dhis2-ui/input": "9.6.0",
+        "@dhis2-ui/layer": "9.6.0",
+        "@dhis2-ui/loader": "9.6.0",
+        "@dhis2-ui/logo": "9.6.0",
+        "@dhis2-ui/menu": "9.6.0",
+        "@dhis2-ui/modal": "9.6.0",
+        "@dhis2-ui/user-avatar": "9.6.0",
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "9.5.0",
-        "@dhis2/ui-icons": "9.5.0",
+        "@dhis2/ui-constants": "9.6.0",
+        "@dhis2/ui-icons": "9.6.0",
         "classnames": "^2.3.1",
         "moment": "^2.29.1",
         "prop-types": "^15.7.2"