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

package/build/cjs/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/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/__e2e__/stories/common.js

@@ -2,6 +2,7 @@
 import { CustomDataProvider, Provider, useAlerts } from '@dhis2/app-runtime';
 import PropTypes from 'prop-types';
 import React, { useEffect } from 'react';
+export { modulesWithSpecialCharacters } from './modulesWithSpecialCharacters.js';
 export const defaultModules = [{
   name: 'dhis-web-dashboard',
   namespace: '/dhis-web-dashboard',
@@ -66,203 +67,6 @@ export const defaultModules = [{
   icon: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/icon.png',
   description: 'DHIS2 Legacy Dashboard App'
 }];
-export const modulesWithSpecialCharacters = [{
-  name: '/',
-  namespace: '//',
-  defaultAction: '..//.action',
-  displayName: 'A / character',
-  icon: '../icons/dhis-web-dashboard.png',
-  description: ''
-}, {
-  name: '-',
-  namespace: '/-',
-  defaultAction: '../-.action',
-  displayName: 'A - character',
-  icon: '../icons/dhis-web-dashboard.png',
-  description: ''
-}, {
-  name: '(',
-  namespace: '/(',
-  defaultAction: '../(.action',
-  displayName: 'A ( character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: ')',
-  namespace: '/)',
-  defaultAction: '../).action',
-  displayName: 'A ) character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '[',
-  namespace: '/[',
-  defaultAction: '../[.action',
-  displayName: 'A [ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: ']',
-  namespace: '/]',
-  defaultAction: '../].action',
-  displayName: 'A ] character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '{',
-  namespace: '/{',
-  defaultAction: '../{.action',
-  displayName: 'A { character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '}',
-  namespace: '/}',
-  defaultAction: '../}.action',
-  displayName: 'A } character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '*',
-  namespace: '/*',
-  defaultAction: '../*.action',
-  displayName: 'A * character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '+',
-  namespace: '/+',
-  defaultAction: '../+.action',
-  displayName: 'A + character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '?',
-  namespace: '/?',
-  defaultAction: '../?.action',
-  displayName: 'A ? character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '.',
-  namespace: '/.',
-  defaultAction: '../..action',
-  displayName: 'A . character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: ',',
-  namespace: '/,',
-  defaultAction: '../,.action',
-  displayName: 'A , character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '^',
-  namespace: '/^',
-  defaultAction: '../^.action',
-  displayName: 'A ^ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '$',
-  namespace: '/$',
-  defaultAction: '../$.action',
-  displayName: 'A $ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '|',
-  namespace: '/|',
-  defaultAction: '../|.action',
-  displayName: 'A | character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '#',
-  namespace: '/#',
-  defaultAction: '../#.action',
-  displayName: 'A # character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '\\s',
-  namespace: '/\\s',
-  defaultAction: '../\\s.action',
-  displayName: 'A \\s character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '\\',
-  namespace: '/\\',
-  defaultAction: '../\\.action',
-  displayName: 'A \\ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: 'dhis-web-dashboard',
-  namespace: '/dhis-web-dashboard',
-  defaultAction: '../dhis-web-dashboard/index.action',
-  displayName: 'Dashboard',
-  icon: '../icons/dhis-web-dashboard.png',
-  description: ''
-}, {
-  name: 'dhis-web-capture',
-  namespace: '/dhis-web-capture',
-  defaultAction: '../dhis-web-capture/index.action',
-  displayName: 'Capture',
-  icon: '../icons/dhis-web-capture.png',
-  description: ''
-}, {
-  name: 'dhis-web-maintenance',
-  namespace: '/dhis-web-maintenance',
-  defaultAction: '../dhis-web-maintenance/index.action',
-  displayName: 'Maintenance',
-  icon: '../icons/dhis-web-maintenance.png',
-  description: ''
-}, {
-  name: 'dhis-web-maps',
-  namespace: '/dhis-web-maps',
-  defaultAction: '../dhis-web-maps/index.action',
-  displayName: 'Maps',
-  icon: '../icons/dhis-web-maps.png',
-  description: ''
-}, {
-  name: 'dhis-web-event-reports',
-  namespace: '/dhis-web-event-reports',
-  defaultAction: '../dhis-web-event-reports/index.action',
-  displayName: 'Event Reports',
-  icon: '../icons/dhis-web-event-reports.png',
-  description: ''
-}, {
-  name: 'dhis-web-interpretation',
-  namespace: '/dhis-web-interpretation',
-  defaultAction: '../dhis-web-interpretation/index.action',
-  displayName: 'Interpretations',
-  icon: '../icons/dhis-web-interpretation.png',
-  description: ''
-}, {
-  name: 'dhis-web-import-export',
-  namespace: '/dhis-web-import-export',
-  defaultAction: '../dhis-web-import-export/index.action',
-  displayName: 'Import/Export',
-  icon: '../icons/dhis-web-importexport.png',
-  description: ''
-}, {
-  name: 'WHO Metadata browser',
-  namespace: 'WHO Metadata browser',
-  defaultAction: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/index.html',
-  displayName: '',
-  icon: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/icons/medicine-48.png',
-  description: ''
-}, {
-  name: 'Dashboard Classic',
-  namespace: 'Dashboard Classic',
-  defaultAction: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/index.html',
-  displayName: '',
-  icon: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/icon.png',
-  description: 'DHIS2 Legacy Dashboard App'
-}];
 export const applicationTitle = 'Foobar';
 export const dataProviderData = {
   'systemSettings/applicationTitle': {

package/build/es/__e2e__/stories/modulesWithSpecialCharacters.js

@@ -0,0 +1,197 @@
+export const modulesWithSpecialCharacters = [{
+  name: '/',
+  namespace: '//',
+  defaultAction: '..//.action',
+  displayName: 'A / character',
+  icon: '../icons/dhis-web-dashboard.png',
+  description: ''
+}, {
+  name: '-',
+  namespace: '/-',
+  defaultAction: '../-.action',
+  displayName: 'A - character',
+  icon: '../icons/dhis-web-dashboard.png',
+  description: ''
+}, {
+  name: '(',
+  namespace: '/(',
+  defaultAction: '../(.action',
+  displayName: 'A ( character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: ')',
+  namespace: '/)',
+  defaultAction: '../).action',
+  displayName: 'A ) character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '[',
+  namespace: '/[',
+  defaultAction: '../[.action',
+  displayName: 'A [ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: ']',
+  namespace: '/]',
+  defaultAction: '../].action',
+  displayName: 'A ] character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '{',
+  namespace: '/{',
+  defaultAction: '../{.action',
+  displayName: 'A { character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '}',
+  namespace: '/}',
+  defaultAction: '../}.action',
+  displayName: 'A } character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '*',
+  namespace: '/*',
+  defaultAction: '../*.action',
+  displayName: 'A * character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '+',
+  namespace: '/+',
+  defaultAction: '../+.action',
+  displayName: 'A + character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '?',
+  namespace: '/?',
+  defaultAction: '../?.action',
+  displayName: 'A ? character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '.',
+  namespace: '/.',
+  defaultAction: '../..action',
+  displayName: 'A . character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: ',',
+  namespace: '/,',
+  defaultAction: '../,.action',
+  displayName: 'A , character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '^',
+  namespace: '/^',
+  defaultAction: '../^.action',
+  displayName: 'A ^ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '$',
+  namespace: '/$',
+  defaultAction: '../$.action',
+  displayName: 'A $ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '|',
+  namespace: '/|',
+  defaultAction: '../|.action',
+  displayName: 'A | character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '#',
+  namespace: '/#',
+  defaultAction: '../#.action',
+  displayName: 'A # character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '\\s',
+  namespace: '/\\s',
+  defaultAction: '../\\s.action',
+  displayName: 'A \\s character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '\\',
+  namespace: '/\\',
+  defaultAction: '../\\.action',
+  displayName: 'A \\ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: 'dhis-web-dashboard',
+  namespace: '/dhis-web-dashboard',
+  defaultAction: '../dhis-web-dashboard/index.action',
+  displayName: 'Dashboard',
+  icon: '../icons/dhis-web-dashboard.png',
+  description: ''
+}, {
+  name: 'dhis-web-capture',
+  namespace: '/dhis-web-capture',
+  defaultAction: '../dhis-web-capture/index.action',
+  displayName: 'Capture',
+  icon: '../icons/dhis-web-capture.png',
+  description: ''
+}, {
+  name: 'dhis-web-maintenance',
+  namespace: '/dhis-web-maintenance',
+  defaultAction: '../dhis-web-maintenance/index.action',
+  displayName: 'Maintenance',
+  icon: '../icons/dhis-web-maintenance.png',
+  description: ''
+}, {
+  name: 'dhis-web-maps',
+  namespace: '/dhis-web-maps',
+  defaultAction: '../dhis-web-maps/index.action',
+  displayName: 'Maps',
+  icon: '../icons/dhis-web-maps.png',
+  description: ''
+}, {
+  name: 'dhis-web-event-reports',
+  namespace: '/dhis-web-event-reports',
+  defaultAction: '../dhis-web-event-reports/index.action',
+  displayName: 'Event Reports',
+  icon: '../icons/dhis-web-event-reports.png',
+  description: ''
+}, {
+  name: 'dhis-web-interpretation',
+  namespace: '/dhis-web-interpretation',
+  defaultAction: '../dhis-web-interpretation/index.action',
+  displayName: 'Interpretations',
+  icon: '../icons/dhis-web-interpretation.png',
+  description: ''
+}, {
+  name: 'dhis-web-import-export',
+  namespace: '/dhis-web-import-export',
+  defaultAction: '../dhis-web-import-export/index.action',
+  displayName: 'Import/Export',
+  icon: '../icons/dhis-web-importexport.png',
+  description: ''
+}, {
+  name: 'WHO Metadata browser',
+  namespace: 'WHO Metadata browser',
+  defaultAction: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/index.html',
+  displayName: '',
+  icon: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/icons/medicine-48.png',
+  description: ''
+}, {
+  name: 'Dashboard Classic',
+  namespace: 'Dashboard Classic',
+  defaultAction: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/index.html',
+  displayName: '',
+  icon: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/icon.png',
+  description: 'DHIS2 Legacy Dashboard App'
+}];

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

@@ -1,4 +1,4 @@
-import { Before, Given } from 'cypress-cucumber-preprocessor/steps';
+import { Before, Given } from '@badeball/cypress-cucumber-preprocessor';
 export const baseUrl = 'https://domain.tld/';
 export const webCommons = 'https://domain.tld/dhis-web-commons/';
 Before(() => {

package/build/es/features/the_headerbar_can_display_online_status/the_headerbar_displays_online_status.js

@@ -1,5 +1,4 @@
-import { Before, After, Given, Then, When, And } from 'cypress-cucumber-preprocessor/steps';
-import '../common/index.js'; // see https://github.com/cypress-io/cypress/issues/17723#issuecomment-1457064322
+import { Before, After, Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'; // see https://github.com/cypress-io/cypress/issues/17723#issuecomment-1457064322
 
 const goOffline = () => {
   cy.log('**go offline**') // stub every request with a StaticResponse to simulate network error
@@ -27,7 +26,7 @@ Given('the HeaderBar loads without error when PWA is enabled', () => {
 Given('the HeaderBar loads and is PWA enabled so online status messages will be visible', () => {
   cy.visitStory('HeaderBarTesting', 'Online Status Messaging With PWA Enabled');
 });
-And('the viewport is narrower than 480px', () => {
+Given('the viewport is narrower than 480px', () => {
   cy.viewport(460, 660);
 });
 Then('the HeaderBar does not render online status', () => {
@@ -41,7 +40,7 @@ Then('the HeaderBar displays only the desktop status badge', () => {
   cy.get('[data-test="headerbar-online-status"].badge').should('be.visible');
   cy.get('[data-test="headerbar-online-status"].bar').should('not.be.visible');
 });
-And('the status badge shows online', () => {
+Then('the status badge shows online', () => {
   cy.get('[data-test="headerbar-online-status"].badge .label').should($label => {
     expect($label.text()).to.equal('Online');
   });
@@ -53,7 +52,7 @@ Then('the HeaderBar displays only the mobile status bar', () => {
   cy.get('[data-test="headerbar-online-status"].bar').should('be.visible');
   cy.get('[data-test="headerbar-online-status"].badge').should('not.be.visible');
 });
-And('the browser goes offline', () => {
+Given('the browser goes offline', () => {
   goOffline();
 });
 Then('the status badge shows offline', () => {

package/build/es/features/the_headerbar_conditionally_renders_notification_icons/the_headerbar_conditionally_renders_notification_icons.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the user has the ALL authority', () => {
   cy.visitStory('HeaderBarTesting', 'User Has All Authority');
 });

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

@@ -1,4 +1,4 @@
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 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_app_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 opens the menu', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });

package/build/es/features/the_headerbar_contains_a_menu_to_all_apps/the_headerbar_contains_a_menu_icon.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 displays a menu icon', () => {
   cy.get('[data-test="headerbar-apps-icon"]').should('exist');
 });

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

@@ -1,4 +1,4 @@
-import { When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor';
 When('the user clicks on the menu icons', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });

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

@@ -1,4 +1,4 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Then, When } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar does not display the profile menu', () => {
   cy.get('[data-test="headerbar-profile-menu"]').should('not.exist');
 });

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

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor';
 Given('the HeaderBar loads without an error and the user does not have an avatar', () => {
   cy.visitStory('HeaderBarTesting', 'Default');
 });

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

@@ -1,4 +1,4 @@
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor';
 Given('the HeaderBar loads without an error and the user has an avatar', () => {
   cy.visitStory('HeaderBarTesting', 'Me With Avatar');
 });

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

@@ -1 +1 @@
-import '../common/index.js'; // all step definitions are shared with other scenarios
+// all step definitions are shared with other scenarios

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

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor';
 When('the user clicks on the profile icons', () => {
   cy.get("\n        [data-test=\"headerbar-profile-icon-text\"],\n        [data-test=\"headerbar-profile-icon-image\"]\n    ").click();
 });