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

package/build/cjs/__e2e__/stories/common.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.providerConfig = exports.modulesWithSpecialCharacters = exports.mockOfflineInterface = exports.defaultModules = exports.dataProviderData = exports.createDecoratorProvider = exports.createDecoratorCustomDataProviderHeaderBar = exports.applicationTitle = void 0;
+exports.mockOfflineInterface = exports.defaultModules = exports.dataProviderData = exports.createDecoratorProvider = exports.createDecoratorCustomDataProviderHeaderBar = exports.applicationTitle = void 0;
+Object.defineProperty(exports, "modulesWithSpecialCharacters", {
+  enumerable: true,
+  get: function () {
+    return _modulesWithSpecialCharacters.modulesWithSpecialCharacters;
+  }
+});
+exports.providerConfig = void 0;
 
 var _appRuntime = require("@dhis2/app-runtime");
 
@@ -11,6 +18,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _modulesWithSpecialCharacters = require("./modulesWithSpecialCharacters.js");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -83,204 +92,6 @@ const defaultModules = [{
   description: 'DHIS2 Legacy Dashboard App'
 }];
 exports.defaultModules = defaultModules;
-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'
-}];
-exports.modulesWithSpecialCharacters = modulesWithSpecialCharacters;
 const applicationTitle = 'Foobar';
 exports.applicationTitle = applicationTitle;
 const dataProviderData = {

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

@@ -0,0 +1,204 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modulesWithSpecialCharacters = void 0;
+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'
+}];
+exports.modulesWithSpecialCharacters = modulesWithSpecialCharacters;

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

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.webCommons = exports.baseUrl = void 0;
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
 const baseUrl = 'https://domain.tld/';
 exports.baseUrl = baseUrl;
 const webCommons = 'https://domain.tld/dhis-web-commons/';
 exports.webCommons = webCommons;
-(0, _steps.Before)(() => {
+(0, _cypressCucumberPreprocessor.Before)(() => {
   cy.intercept('GET', "".concat(baseUrl, "api/fileResources/avatarId/data"), {
     fixture: 'HeaderBar/avatar.png'
   }).as('avatar');
 });
-(0, _steps.Given)('the HeaderBar loads without an error', () => {
+(0, _cypressCucumberPreprocessor.Given)('the HeaderBar loads without an error', () => {
   cy.visitStory('HeaderBarTesting', 'Default');
 });

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

@@ -1,8 +1,6 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
 // see https://github.com/cypress-io/cypress/issues/17723#issuecomment-1457064322
 const goOffline = () => {
@@ -18,34 +16,34 @@ const goOnline = () => {
   .then(() => cy.intercept('*')).then(() => cy.window().then(win => win.dispatchEvent(new Event('online'))));
 };
 
-(0, _steps.Before)(() => {
+(0, _cypressCucumberPreprocessor.Before)(() => {
   goOnline();
 });
-(0, _steps.After)(() => goOnline());
-(0, _steps.Given)('the HeaderBar loads without error with showOnlineStatus configured', () => {
+(0, _cypressCucumberPreprocessor.After)(() => goOnline());
+(0, _cypressCucumberPreprocessor.Given)('the HeaderBar loads without error with showOnlineStatus configured', () => {
   cy.visitStory('HeaderBarTesting', 'Show Online Status');
 });
-(0, _steps.Given)('the HeaderBar loads without error when PWA is enabled', () => {
+(0, _cypressCucumberPreprocessor.Given)('the HeaderBar loads without error when PWA is enabled', () => {
   cy.visitStory('HeaderBarTesting', 'PWA Enabled');
 });
-(0, _steps.Given)('the HeaderBar loads and is PWA enabled so online status messages will be visible', () => {
+(0, _cypressCucumberPreprocessor.Given)('the HeaderBar loads and is PWA enabled so online status messages will be visible', () => {
   cy.visitStory('HeaderBarTesting', 'Online Status Messaging With PWA Enabled');
 });
-(0, _steps.And)('the viewport is narrower than 480px', () => {
+(0, _cypressCucumberPreprocessor.Given)('the viewport is narrower than 480px', () => {
   cy.viewport(460, 660);
 });
-(0, _steps.Then)('the HeaderBar does not render online status', () => {
+(0, _cypressCucumberPreprocessor.Then)('the HeaderBar does not render online status', () => {
   cy.get('[data-test="headerbar-online-status"]').should('not.exist');
 });
-(0, _steps.Then)('the HeaderBar renders online status', () => {
+(0, _cypressCucumberPreprocessor.Then)('the HeaderBar renders online status', () => {
   cy.get('[data-test="headerbar-online-status"]').should('exist');
 });
-(0, _steps.Then)('the HeaderBar displays only the desktop status badge', () => {
+(0, _cypressCucumberPreprocessor.Then)('the HeaderBar displays only the desktop status badge', () => {
   // This assumes default viewport size: 1000x660
   cy.get('[data-test="headerbar-online-status"].badge').should('be.visible');
   cy.get('[data-test="headerbar-online-status"].bar').should('not.be.visible');
 });
-(0, _steps.And)('the status badge shows online', () => {
+(0, _cypressCucumberPreprocessor.Then)('the status badge shows online', () => {
   cy.get('[data-test="headerbar-online-status"].badge .label').should($label => {
     expect($label.text()).to.equal('Online');
   });
@@ -53,14 +51,14 @@ const goOnline = () => {
     expect($icon).to.have.class('online');
   });
 });
-(0, _steps.Then)('the HeaderBar displays only the mobile status bar', () => {
+(0, _cypressCucumberPreprocessor.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');
 });
-(0, _steps.And)('the browser goes offline', () => {
+(0, _cypressCucumberPreprocessor.Given)('the browser goes offline', () => {
   goOffline();
 });
-(0, _steps.Then)('the status badge shows offline', () => {
+(0, _cypressCucumberPreprocessor.Then)('the status badge shows offline', () => {
   cy.get('[data-test="headerbar-online-status"].badge .label').should($label => {
     expect($label.text()).to.equal('Offline');
   });
@@ -68,25 +66,25 @@ const goOnline = () => {
     expect($icon).to.have.class('offline');
   });
 });
-(0, _steps.Then)('no online status message text is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('no online status message text is displayed', () => {
   cy.get('[data-test="headerbar-online-status"] .info').should('not.exist');
   cy.get('[data-test="headerbar-online-status"] .info-dense').should('not.exist');
 });
-(0, _steps.When)('an online status message is sent', () => {
+(0, _cypressCucumberPreprocessor.When)('an online status message is sent', () => {
   cy.get('button').contains('display online status message').click();
 });
-(0, _steps.When)('an online status message is removed', () => {
+(0, _cypressCucumberPreprocessor.When)('an online status message is removed', () => {
   cy.get('button').contains('remove online status message').click();
 });
-(0, _steps.Then)('an online status message is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('an online status message is displayed', () => {
   cy.get('[data-test="headerbar-online-status"] .info').should('include.text', '8 offline events');
 });
-(0, _steps.Then)('an online status message is displayed with formatting for small screens', () => {
+(0, _cypressCucumberPreprocessor.Then)('an online status message is displayed with formatting for small screens', () => {
   cy.get('[data-test="headerbar-online-status"] .info-dense').should('include.text', '8 offline events');
 });
-(0, _steps.Then)('last online text is displayed in the status badge', () => {
+(0, _cypressCucumberPreprocessor.Then)('last online text is displayed in the status badge', () => {
   cy.get('[data-test="headerbar-online-status"].badge .info').should('include.text', 'Last online');
 });
-(0, _steps.Then)('last online text is displayed in the mobile status bar', () => {
+(0, _cypressCucumberPreprocessor.Then)('last online text is displayed in the mobile status bar', () => {
   cy.get('[data-test="headerbar-online-status"].bar .info-dense').should('include.text', 'Last online');
 });

package/build/cjs/features/the_headerbar_conditionally_renders_notification_icons/the_headerbar_conditionally_renders_notification_icons.js

@@ -1,31 +1,31 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('the user has the ALL authority', () => {
+(0, _cypressCucumberPreprocessor.Given)('the user has the ALL authority', () => {
   cy.visitStory('HeaderBarTesting', 'User Has All Authority');
 });
-(0, _steps.Given)('the user has the M_dhis-web-interpretation and M_dhis-web-messaging authority', () => {
+(0, _cypressCucumberPreprocessor.Given)('the user has the M_dhis-web-interpretation and M_dhis-web-messaging authority', () => {
   cy.visitStory('HeaderBarTesting', 'User Has Web Interpretation And Messaging Authority');
 });
-(0, _steps.Given)('the user has the M_dhis-web-interpretation authority', () => {
+(0, _cypressCucumberPreprocessor.Given)('the user has the M_dhis-web-interpretation authority', () => {
   cy.visitStory('HeaderBarTesting', 'User Has Web Interpretation Authority');
 });
-(0, _steps.Given)('the user has the M_dhis-web-messaging authority', () => {
+(0, _cypressCucumberPreprocessor.Given)('the user has the M_dhis-web-messaging authority', () => {
   cy.visitStory('HeaderBarTesting', 'User Has Web Messaging Authority');
 });
-(0, _steps.Given)('the user has authority for none of the apps', () => {
+(0, _cypressCucumberPreprocessor.Given)('the user has authority for none of the apps', () => {
   cy.visitStory('HeaderBarTesting', 'User Has No Authorities');
 });
-(0, _steps.Then)('the messaging app icon is not rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the messaging app icon is not rendered', () => {
   cy.get('[data-test="headerbar-messages"]').should('not.exist');
 });
-(0, _steps.Then)('the messaging app icon is rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the messaging app icon is rendered', () => {
   cy.get('[data-test="headerbar-messages"]').should('exist');
 });
-(0, _steps.Then)('the interpretations app icon is not rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the interpretations app icon is not rendered', () => {
   cy.get('[data-test="headerbar-interpretations"]').should('not.exist');
 });
-(0, _steps.Then)('the interpretations app icon is rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the interpretations app icon is rendered', () => {
   cy.get('[data-test="headerbar-interpretations"]').should('exist');
 });

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

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

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

@@ -1,12 +1,10 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.When)('the user opens the menu', () => {
+(0, _cypressCucumberPreprocessor.When)('the user opens the menu', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });
-(0, _steps.When)('the user clicks outside of the menu', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks outside of the menu', () => {
   cy.get('[data-test="headerbar-title"]').click();
 });

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

@@ -1,9 +1,7 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Then)('the HeaderBar displays a menu icon', () => {
+(0, _cypressCucumberPreprocessor.Then)('the HeaderBar displays a menu icon', () => {
   cy.get('[data-test="headerbar-apps-icon"]').should('exist');
 });

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.When)('the user clicks on the menu icons', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks on the menu icons', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });
-(0, _steps.Then)('the menu opens', () => {
+(0, _cypressCucumberPreprocessor.Then)('the menu opens', () => {
   cy.get('[data-test="headerbar-apps-menu"]').should('be.visible');
 });
-(0, _steps.Then)('contains items with links', () => {
+(0, _cypressCucumberPreprocessor.Then)('contains items with links', () => {
   cy.get('[data-test="headerbar-apps-menu-list"]').find('a').its('length').should('be.greaterThan', 0);
 });