@dhis2-ui/header-bar 9.5.0-alpha.1 → 9.6.0

package/build/es/features/the_headerbar_contains_a_profile_menu/the_profile_menu_closes_when_the_user_clicks_outside.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { When } from 'cypress-cucumber-preprocessor/steps';
+import { When } from '@badeball/cypress-cucumber-preprocessor';
 When('the user clicks outside of the menu', () => {
   cy.get('[data-test="headerbar-title"]').click();
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_edit_his_profile.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to edit the profile', () => {
   cy.get('[data-test="headerbar-profile-edit-profile-link"]').should('be.visible');
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_his_account.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the user account', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(1)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_about_dhis2_page.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the About DHIS2 page', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(3)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_help_page.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the help page', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(2)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_settings.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the settings', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(0)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_log_out.js

@@ -1,4 +1,4 @@
-import { And, Then } from 'cypress-cucumber-preprocessor/steps';
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import { baseUrl } from '../common/index.js';
 const logoutUrl = "".concat(baseUrl, "dhis-web-commons-security/logout.action");
 Then('contains a link to log out the user', () => {
@@ -8,7 +8,7 @@ Then('contains a link to log out the user', () => {
     expect(menuItem.find('a')).to.have.attr('href', logoutUrl);
   });
 });
-And('there is no loading mask', () => {
+When('there is no loading mask', () => {
   cy.get('[data-test="headerbar-profile-menu-loading-mask"]').should('not.exist');
 });
 Then('the user clicks the link to log out', () => {
@@ -18,7 +18,7 @@ Then('a loading mask covers the screen', () => {
   cy.get('[data-test="headerbar-profile-menu-loading-mask"]').should('be.visible');
 }); // Currently not working
 
-And('clearSensitiveCaches is called', async () => {
+When('clearSensitiveCaches is called', async () => {
   // Open caches to test 'clearSensitiveCaches':
   // A keepable cache
   await caches.open('workbox-precache-v2-asdf'); // Other, potentially-sensitive cache

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_name_and_email_are_displayed.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains the user name', () => {
   cy.all(() => cy.window(), () => cy.get('[data-test="headerbar-profile-username"]')).then(_ref => {
     let [win, $name] = _ref;

package/build/es/features/the_headerbar_displays_a_link_to_interpretations_and_an_unread_count/the_headerbar_displays_a_link_to_the_interpretations.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar contains a link to the interpretations', () => {
   cy.get('[data-test="headerbar-interpretations"]').should('be.visible');
 });

package/build/es/features/the_headerbar_displays_a_link_to_interpretations_and_an_unread_count/there_are_no_unread_interpretations.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('there are 0 unread interpretations', () => {
   cy.visitStory('HeaderBarTesting', 'Zero Unread Interpretations');
 });

package/build/es/features/the_headerbar_displays_a_link_to_interpretations_and_an_unread_count/there_are_some_unread_interpretations.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the interpretations link contains an icon with a number greater than 0', () => {
   cy.get('[data-test="headerbar-interpretations-count"]').should($count => {
     expect(parseInt($count.text(), 10)).to.be.greaterThan(0);

package/build/es/features/the_headerbar_displays_a_link_to_messages_and_an_unread_count/the_headerbar_displays_a_link_to_the_messages.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar contains a link to the messages', () => {
   cy.get('[data-test="headerbar-messages"]').should('be.visible');
 });

package/build/es/features/the_headerbar_displays_a_link_to_messages_and_an_unread_count/there_are_no_unread_messages.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then, Given } from 'cypress-cucumber-preprocessor/steps';
+import { Then, Given } from '@badeball/cypress-cucumber-preprocessor';
 Given('there are 0 unread messages', () => {
   cy.visitStory('HeaderBarTesting', 'Zero Unread Messages');
 });

package/build/es/features/the_headerbar_displays_a_link_to_messages_and_an_unread_count/there_are_some_unread_messages.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the messages link contains an icon with a number greater than 0', () => {
   cy.get('[data-test="headerbar-messages-count"]').should($count => {
     expect(parseInt($count.text(), 10)).to.be.greaterThan(0);

package/build/es/features/the_headerbar_should_contain_a_logo_that_links_to_the_homepage/headerbar_contains_logo.js

@@ -1,4 +1,4 @@
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 import { baseUrl } from '../common/index.js';
 Then('the HeaderBar should display the dhis2 logo', () => {
   cy.get('[data-test="headerbar-logo"]').should('be.visible');

package/build/es/features/the_headerbar_should_display_app_update_notification/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the HeaderBar is rendered without an available update', () => {
   cy.visitStory('HeaderBarTesting', 'default');
 });

package/build/es/features/the_headerbar_should_display_debug_version_infos/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the HeaderBar is rendered without an instance version in runtime context', () => {
   cy.visitStory('HeaderBarTesting', 'With Unknown Instance Version');
 });

package/build/es/features/the_headerbar_should_display_the_title_provided_by_the_backend_and_the_app/the_headerbar_displays_the_custom_title.js

@@ -1,4 +1,4 @@
-import { Then, Given } from 'cypress-cucumber-preprocessor/steps';
+import { Then, Given } from '@badeball/cypress-cucumber-preprocessor';
 Given('the custom title is "Barbaz" and the app title is "Example!"', () => {
   cy.visitStory('HeaderBarTesting', 'Custom Application Title');
 });

package/build/es/features/the_search_should_escape_regexp_character/common.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps';
+import { Given } from '@badeball/cypress-cucumber-preprocessor';
 Given(/the search contains a (.*)/, character => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
   cy.get('#filter').type(character);

package/build/es/features/the_search_should_escape_regexp_character/the_modules_do_not_contain_items_with_special_chars.js

@@ -1,5 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
-import '../common/index.js';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given(/no app name contains a (.*)/, character => {
   // Needs to be wrapped, otherwise for some reason the wrong char is in the scope
   cy.all(() => cy.window(), () => cy.wrap(character)).then(_ref => {

package/build/es/features/the_search_should_escape_regexp_character/the_user_searches_for_an_app_with_a_regex_character.js

@@ -1,6 +1,5 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
-import { modulesWithSpecialCharacters } from '../../__e2e__/stories/common.js';
-import '../common/index.js';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
+import { modulesWithSpecialCharacters } from '../../__e2e__/stories/modulesWithSpecialCharacters.js';
 Given(/some app names contain a (.*)/, character => {
   // Needs to be wrapped, otherwise for some reason the wrong char is in the scope
   cy.wrap(character).then(char => {

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/locales/lo/translations.json

@@ -1,22 +1,22 @@
 {
     "Search apps": "ຄົ້ນຫາແອັບ",
-    "DHIS2 {{dhis2Version}}": "",
-    "DHIS2 version unknown": "",
-    "{{appName}} version unknown": "",
-    "App {{appVersion}}": "",
-    "App version unknown": "",
-    "Debug info": "",
+    "DHIS2 {{dhis2Version}}": "DHIS2 {{dhis2Version}}",
+    "DHIS2 version unknown": "DHIS2 ບໍ່ຮູ້ເວີຊັນ",
+    "{{appName}} version unknown": "{{appName}} ບໍ່ຮູ້ເວີຊັນ",
+    "App {{appVersion}}": "ແອັບ {{appVersion}}",
+    "App version unknown": "ບໍ່ຮູ້ເວີຊັນແອັບ",
+    "Debug info": "ຂໍ້ມູນການແກ້ໄຂ",
     "Close": "ປິດ",
-    "Copy debug info": "",
+    "Copy debug info": "ກ໋ອບປີ້ຂໍ້ມູນການແກ້ໄຂ",
     "Online": "ມີການເຊື່ອມຕໍ່",
     "Offline": "ບໍ່ມີການເຊື່ອມຕໍ່",
     "Edit profile": "ແກ້ໄຂຂໍ້ມູນ",
     "Settings": "ຕັ້ງຄ່າ",
     "Account": "ບັນຊີ",
     "Help": "ຊ່ວຍ",
-    "About DHIS2": "",
+    "About DHIS2": "ກ່ຽວກັບ DHIS2",
     "Logout": "ອອກຈາກລະບົບ",
-    "New {{appName}} version available": "",
-    "New app version available": "",
-    "Click to reload": ""
+    "New {{appName}} version available": "ມີເວີຊັນໃໝ່ {{appName}} ",
+    "New app version available": "ມີແອັບເວີຊັນໃໝ່",
+    "Click to reload": "ຄລິກເພື່ອໂຫຼດຄືນໃໝ່"
 }

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-alpha.1",
+    "version": "9.6.0",
     "description": "UI HeaderBar",
     "repository": {
         "type": "git",
@@ -34,21 +34,21 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/box": "9.5.0-alpha.1",
-        "@dhis2-ui/button": "9.5.0-alpha.1",
-        "@dhis2-ui/card": "9.5.0-alpha.1",
-        "@dhis2-ui/center": "9.5.0-alpha.1",
-        "@dhis2-ui/divider": "9.5.0-alpha.1",
-        "@dhis2-ui/input": "9.5.0-alpha.1",
-        "@dhis2-ui/layer": "9.5.0-alpha.1",
-        "@dhis2-ui/loader": "9.5.0-alpha.1",
-        "@dhis2-ui/logo": "9.5.0-alpha.1",
-        "@dhis2-ui/menu": "9.5.0-alpha.1",
-        "@dhis2-ui/modal": "9.5.0-alpha.1",
-        "@dhis2-ui/user-avatar": "9.5.0-alpha.1",
+        "@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-alpha.1",
-        "@dhis2/ui-icons": "9.5.0-alpha.1",
+        "@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"

package/build/cjs/features/the_headerbar_contains_a_menu_to_all_apps/the_menu_is_closed_by_default.js

@@ -1,11 +0,0 @@
-"use strict";
-
-require("../common/index.js");
-
-require("./common.js");
-
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Then)('the HeaderBar dos not display the app menu', () => {
-  cy.get('[data-test="headerbar-apps-menu"]').should('not.exist');
-});

package/build/es/features/the_headerbar_contains_a_menu_to_all_apps/the_menu_is_closed_by_default.js

@@ -1,6 +0,0 @@
-import '../common/index.js';
-import './common.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
-Then('the HeaderBar dos not display the app menu', () => {
-  cy.get('[data-test="headerbar-apps-menu"]').should('not.exist');
-});