@dhis2-ui/header-bar 9.11.0 → 9.11.1-beta.2

package/build/cjs/apps.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _card = require("@dhis2-ui/card");
-
-var _input = require("@dhis2-ui/input");
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _uiIcons = require("@dhis2/ui-icons");
-
+var _card = require("@dhis2-ui/card");
+var _input = require("@dhis2-ui/input");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _joinPath = require("./join-path.js");
-
 var _index = _interopRequireDefault(require("./locales/index.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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copied from here:
  * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
@@ -38,7 +24,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function escapeRegExpCharacters(text) {
   return text.replace(/[/.*+?^${}()|[\]\\]/g, '\\$&');
 }
-
 function Search(_ref) {
   let {
     value,
@@ -68,12 +53,10 @@ function Search(_ref) {
     id: "4264724627"
   }, ["div.jsx-4264724627{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:52px;margin:8px;}", "span.jsx-4264724627{-webkit-flex:1 100%;-ms-flex:1 100%;flex:1 100%;}", "span.jsx-4264724627:last-child{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin:8px;}"]));
 }
-
 Search.propTypes = {
   value: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired
 };
-
 function Item(_ref2) {
   let {
     name,
@@ -92,15 +75,13 @@ function Item(_ref2) {
   }, name), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1412616027",
     dynamic: [_uiConstants.theme.primary050]
-  }, ["a.__jsx-style-dynamic-selector{display:inline-block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:96px;margin:8px;border-radius:12px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}", "a.__jsx-style-dynamic-selector:hover,a.__jsx-style-dynamic-selector:focus{background-color:".concat(_uiConstants.theme.primary050, ";cursor:pointer;}"), "a.__jsx-style-dynamic-selector:hover>div.__jsx-style-dynamic-selector{font-weight:500;cursor:pointer;}", "img.__jsx-style-dynamic-selector{width:48px;height:48px;margin:8px;cursor:pointer;}", "div.__jsx-style-dynamic-selector{overflow-wrap:anywhere;margin-top:14px;color:rgba(0,0,0,0.87);font-size:12px;-webkit-letter-spacing:0.01em;-moz-letter-spacing:0.01em;-ms-letter-spacing:0.01em;letter-spacing:0.01em;line-height:14px;text-align:center;cursor:pointer;}"]));
+  }, ["a.__jsx-style-dynamic-selector{display:inline-block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:96px;margin:8px;border-radius:12px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}", `a.__jsx-style-dynamic-selector:hover,a.__jsx-style-dynamic-selector:focus{background-color:${_uiConstants.theme.primary050};cursor:pointer;}`, "a.__jsx-style-dynamic-selector:hover>div.__jsx-style-dynamic-selector{font-weight:500;cursor:pointer;}", "img.__jsx-style-dynamic-selector{width:48px;height:48px;margin:8px;cursor:pointer;}", "div.__jsx-style-dynamic-selector{overflow-wrap:anywhere;margin-top:14px;color:rgba(0,0,0,0.87);font-size:12px;-webkit-letter-spacing:0.01em;-moz-letter-spacing:0.01em;-ms-letter-spacing:0.01em;letter-spacing:0.01em;line-height:14px;text-align:center;cursor:pointer;}"]));
 }
-
 Item.propTypes = {
   img: _propTypes.default.string,
   name: _propTypes.default.string,
   path: _propTypes.default.string
 };
-
 function List(_ref3) {
   let {
     apps,
@@ -126,7 +107,7 @@ function List(_ref3) {
       icon
     } = _ref5;
     return /*#__PURE__*/_react.default.createElement(Item, {
-      key: "app-".concat(name, "-").concat(idx),
+      key: `app-${name}-${idx}`,
       name: displayName || name,
       path: defaultAction,
       img: icon
@@ -135,12 +116,10 @@ function List(_ref3) {
     id: "2424821176"
   }, ["div.jsx-2424821176{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:30vw;min-width:300px;max-width:560px;min-height:200px;max-height:465px;margin-block-start:0;margin-block-end:8px;margin-inline:8px;overflow:auto;overflow-x:hidden;}"]));
 }
-
 List.propTypes = {
   apps: _propTypes.default.array,
   filter: _propTypes.default.string
 };
-
 const AppMenu = _ref6 => {
   let {
     apps,
@@ -160,13 +139,11 @@ const AppMenu = _ref6 => {
     id: "3826299842"
   }, ["div.jsx-3826299842{z-index:10000;position:absolute;inset-inline-end:-4px;}"]));
 };
-
 AppMenu.propTypes = {
   apps: _propTypes.default.array.isRequired,
   onFilterChange: _propTypes.default.func.isRequired,
   filter: _propTypes.default.string
 };
-
 const Apps = _ref7 => {
   let {
     apps
@@ -207,11 +184,9 @@ const Apps = _ref7 => {
   }) : null, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "325245423",
     dynamic: [_uiConstants.spacers.dp4, _uiConstants.spacers.dp12]
-  }, ["button.__jsx-style-dynamic-selector{display:block;background:transparent;padding-block-start:".concat(_uiConstants.spacers.dp4, ";padding-block-end:0;padding-inline:").concat(_uiConstants.spacers.dp12, ";border:0;cursor:pointer;height:100%;}"), "button.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "button.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "button.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "button.__jsx-style-dynamic-selector:active{background:#104067;}", "div.__jsx-style-dynamic-selector{position:relative;height:100%;}"]));
+  }, [`button.__jsx-style-dynamic-selector{display:block;background:transparent;padding-block-start:${_uiConstants.spacers.dp4};padding-block-end:0;padding-inline:${_uiConstants.spacers.dp12};border:0;cursor:pointer;height:100%;}`, "button.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "button.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "button.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "button.__jsx-style-dynamic-selector:active{background:#104067;}", "div.__jsx-style-dynamic-selector{position:relative;height:100%;}"]));
 };
-
 Apps.propTypes = {
   apps: _propTypes.default.array.isRequired
 };
-var _default = Apps;
-exports.default = _default;
+var _default = exports.default = Apps;

package/build/cjs/debug-info/debug-info-menu-item.js

@@ -4,35 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DebugInfoMenuItem = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _menu = require("@dhis2-ui/menu");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _menu = require("@dhis2-ui/menu");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _useDebugInfo = require("./use-debug-info.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DebugInfoMenuItem = _ref => {
   let {
     hideProfileMenu,
     showDebugInfoModal
   } = _ref;
   const debugInfo = (0, _useDebugInfo.useDebugInfo)();
-
   const openDebugModal = () => {
     hideProfileMenu();
     showDebugInfoModal();
   };
-
   const debugInfoLabel = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["3534786758", [_uiConstants.colors.grey700]]]) + " " + "root"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -43,15 +32,14 @@ const DebugInfoMenuItem = _ref => {
   }) : _index.default.t('DHIS2 version unknown')), /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "dhis2-ui-headerbar-appinfo",
     className: _style.default.dynamic([["3534786758", [_uiConstants.colors.grey700]]]) + " " + "version"
-  }, debugInfo.app_name ? debugInfo.app_version ? "".concat(debugInfo.app_name, " ").concat(debugInfo.app_version) : _index.default.t('{{appName}} version unknown', {
+  }, debugInfo.app_name ? debugInfo.app_version ? `${debugInfo.app_name} ${debugInfo.app_version}` : _index.default.t('{{appName}} version unknown', {
     appName: debugInfo.app_name
   }) : debugInfo.app_version ? _index.default.t('App {{appVersion}}', {
     appVersion: debugInfo.app_version
   }) : _index.default.t('App version unknown')), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3534786758",
     dynamic: [_uiConstants.colors.grey700]
-  }, [".root.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.grey700, ";font-style:italic;font-size:14px;line-height:17px;}"), ".instance-info.__jsx-style-dynamic-selector{margin-bottom:4px;}", ".version.__jsx-style-dynamic-selector{white-space:no-wrap;}"]));
-
+  }, [`.root.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey700};font-style:italic;font-size:14px;line-height:17px;}`, ".instance-info.__jsx-style-dynamic-selector{margin-bottom:4px;}", ".version.__jsx-style-dynamic-selector{white-space:no-wrap;}"]));
   return /*#__PURE__*/_react.default.createElement(_menu.MenuItem, {
     dense: true,
     onClick: openDebugModal,
@@ -59,7 +47,6 @@ const DebugInfoMenuItem = _ref => {
     dataTest: "dhis2-ui-headerbar-debuginfo"
   });
 };
-
 exports.DebugInfoMenuItem = DebugInfoMenuItem;
 DebugInfoMenuItem.propTypes = {
   hideProfileMenu: _propTypes.default.func.isRequired,

package/build/cjs/debug-info/debug-info-modal.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DebugInfoModal = DebugInfoModal;
-
+var _appRuntime = require("@dhis2/app-runtime");
 var _button = require("@dhis2-ui/button");
-
 var _modal = require("@dhis2-ui/modal");
-
-var _appRuntime = require("@dhis2/app-runtime");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _debugInfoTable = require("./debug-info-table.js");
-
 var _useDebugInfo = require("./use-debug-info.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function DebugInfoModal(_ref) {
   let {
     onClose
@@ -33,13 +23,11 @@ function DebugInfoModal(_ref) {
   } = (0, _appRuntime.useAlert)('Debug information copied to clipboard', {
     duration: 3000
   });
-
   const copyDebugInfo = () => {
     navigator.clipboard.writeText(debugInfo);
     onClose();
     showClipboardAlert();
   };
-
   return /*#__PURE__*/_react.default.createElement(_modal.Modal, {
     position: "middle",
     dataTest: "dhis2-ui-headerbar-debuginfomodal"
@@ -53,7 +41,6 @@ function DebugInfoModal(_ref) {
     dataTest: "dhis2-ui-headerbar-debuginfomodal-copybutton"
   }, _index.default.t('Copy debug info')))));
 }
-
 DebugInfoModal.propTypes = {
   onClose: _propTypes.default.func.isRequired
 };

package/build/cjs/debug-info/debug-info-table.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DebugInfoTable = DebugInfoTable;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _useDebugInfo = require("./use-debug-info.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const formatDebugInfoKey = key => {
   const tokens = key.split('_');
   return tokens.map(token => {
@@ -25,7 +19,6 @@ const formatDebugInfoKey = key => {
     }
   }).join(' ');
 };
-
 function DebugInfoTable() {
   const debugInfo = (0, _useDebugInfo.useDebugInfo)();
   return /*#__PURE__*/_react.default.createElement("table", {
@@ -43,5 +36,5 @@ function DebugInfoTable() {
   }, debugInfo[key])))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4076206425",
     dynamic: [_uiConstants.colors.grey700]
-  }, ["table.__jsx-style-dynamic-selector{white-space:pre-wrap;font-size:14px;line-height:1.2;color:".concat(_uiConstants.colors.grey700, ";font-famile:Menlo,Courier,monospace !important;}"), "td.__jsx-style-dynamic-selector{padding-block:3px;padding-inline-end:16px;padding-inline-start:0;}", ".debug-info-key.__jsx-style-dynamic-selector{font-weight:bold;}"]));
+  }, [`table.__jsx-style-dynamic-selector{white-space:pre-wrap;font-size:14px;line-height:1.2;color:${_uiConstants.colors.grey700};font-famile:Menlo,Courier,monospace !important;}`, "td.__jsx-style-dynamic-selector{padding-block:3px;padding-inline-end:16px;padding-inline-start:0;}", ".debug-info-key.__jsx-style-dynamic-selector{font-weight:bold;}"]));
 }

package/build/cjs/debug-info/use-debug-info.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFormattedDebugInfo = exports.useDebugInfo = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 const useDebugInfo = () => {
   const {
     appName,
@@ -20,9 +18,6 @@ const useDebugInfo = () => {
     dhis2_revision: (systemInfo === null || systemInfo === void 0 ? void 0 : systemInfo.revision) || null
   };
 };
-
 exports.useDebugInfo = useDebugInfo;
-
 const useFormattedDebugInfo = () => JSON.stringify(useDebugInfo(), undefined, 2);
-
 exports.useFormattedDebugInfo = useFormattedDebugInfo;

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

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.webCommons = exports.baseUrl = void 0;
-
 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;
+const baseUrl = exports.baseUrl = 'https://domain.tld/';
+const webCommons = exports.webCommons = 'https://domain.tld/dhis-web-commons/';
 (0, _cypressCucumberPreprocessor.Before)(() => {
-  cy.intercept('GET', "".concat(baseUrl, "api/fileResources/avatarId/data"), {
+  cy.intercept('GET', `${baseUrl}api/fileResources/avatarId/data`, {
     fixture: 'HeaderBar/avatar.png'
   }).as('avatar');
 });

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

@@ -1,21 +1,20 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@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
+  cy.log('**go offline**')
+  // stub every request with a StaticResponse to simulate network error
   .then(() => cy.intercept('*', {
     forceNetworkError: true
   })).then(() => cy.window().then(win => win.dispatchEvent(new Event('offline'))));
 };
-
 const goOnline = () => {
   // disable offline mode, otherwise we will break our tests :)
-  cy.log('**go online**') // go back to normal network behavior
+  cy.log('**go online**')
+  // go back to normal network behavior
   .then(() => cy.intercept('*')).then(() => cy.window().then(win => win.dispatchEvent(new Event('online'))));
 };
-
 (0, _cypressCucumberPreprocessor.Before)(() => {
   goOnline();
 });
@@ -25,6 +24,7 @@ const goOnline = () => {
 });
 (0, _cypressCucumberPreprocessor.Given)('the HeaderBar loads without error when PWA is enabled', () => {
   cy.visitStory('HeaderBarTesting', 'PWA Enabled');
+  cy.get(':contains("Online")').should('exist');
 });
 (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');
@@ -59,6 +59,10 @@ const goOnline = () => {
   goOffline();
 });
 (0, _cypressCucumberPreprocessor.Then)('the status badge shows offline', () => {
+  // cy.get('[data-test="headerbar-online-status"].badge .label')
+  //     .invoke('text')
+  //     .should('equal', 'Offline')
+
   cy.get('[data-test="headerbar-online-status"].badge .label').should($label => {
     expect($label.text()).to.equal('Offline');
   });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('the user has the ALL authority', () => {
   cy.visitStory('HeaderBarTesting', 'User Has All Authority');
 });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (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,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.When)('the user opens the menu', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (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,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.When)('the user clicks on the menu icons', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });

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

@@ -1,10 +1,12 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Then)('the HeaderBar does not display the profile menu', () => {
   cy.get('[data-test="headerbar-profile-menu"]').should('not.exist');
 });
 (0, _cypressCucumberPreprocessor.When)('the user opens the menu', () => {
-  cy.get("\n        [data-test=\"headerbar-profile-icon-text\"],\n        [data-test=\"headerbar-profile-icon-image\"]\n    ").click();
+  cy.get(`
+        [data-test="headerbar-profile-icon-text"],
+        [data-test="headerbar-profile-icon-image"]
+    `).click();
 });

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

@@ -1,11 +1,10 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('the HeaderBar loads without an error and the user does not have an avatar', () => {
   cy.visitStory('HeaderBarTesting', 'Default');
 });
-(0, _cypressCucumberPreprocessor.Then)("the headerbar contains a text icon of size 36px", () => {
+(0, _cypressCucumberPreprocessor.Then)(`the headerbar contains a text icon of size 36px`, () => {
   cy.fixture('HeaderBar/me').then(() => {
     cy.get('[data-test="headerbar-profile-icon-text"]').should('be.visible').and('have.css', 'height', '36px').and('have.css', 'width', '36px');
   });
@@ -13,7 +12,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.When)('the user clicks on the text icon', () => {
   cy.get('[data-test="headerbar-profile-icon-text"]').click();
 });
-(0, _cypressCucumberPreprocessor.Then)("the profile menu contains a text icon of size 48px", () => {
+(0, _cypressCucumberPreprocessor.Then)(`the profile menu contains a text icon of size 48px`, () => {
   cy.fixture('HeaderBar/me').then(() => {
     cy.get('[data-test="headerbar-profile-menu-icon-text"]').should('be.visible').and('have.css', 'height', '48px').and('have.css', 'width', '48px');
   });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('the HeaderBar loads without an error and the user has an avatar', () => {
   cy.visitStory('HeaderBarTesting', 'Me With Avatar');
 });

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

@@ -1,9 +1,11 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.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();
+  cy.get(`
+        [data-test="headerbar-profile-icon-text"],
+        [data-test="headerbar-profile-icon-image"]
+    `).click();
 });
 (0, _cypressCucumberPreprocessor.Then)('the menu opens', () => {
   cy.get('[data-test="headerbar-profile-menu"]').should('be.visible');

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (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_profile_menu/the_user_can_edit_his_profile.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Then)('contains a link to edit the profile', () => {
   cy.get('[data-test="headerbar-profile-edit-profile-link"]').should('be.visible');
 });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.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/cjs/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_about_dhis2_page.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.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/cjs/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_help_page.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.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/cjs/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_settings.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.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/cjs/features/the_headerbar_contains_a_profile_menu/the_user_can_log_out.js

@@ -1,10 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 var _index = require("../common/index.js");
-
-const logoutUrl = "".concat(_index.baseUrl, "dhis-web-commons-security/logout.action");
+const logoutUrl = `${_index.baseUrl}dhis-web-commons-security/logout.action`;
 (0, _cypressCucumberPreprocessor.Then)('contains a link to log out the user', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     const menuItem = lis.eq(4);
@@ -20,23 +18,27 @@ const logoutUrl = "".concat(_index.baseUrl, "dhis-web-commons-security/logout.ac
 });
 (0, _cypressCucumberPreprocessor.Then)('a loading mask covers the screen', () => {
   cy.get('[data-test="headerbar-profile-menu-loading-mask"]').should('be.visible');
-}); // Currently not working
+});
 
+// Currently not working
 (0, _cypressCucumberPreprocessor.When)('clearSensitiveCaches is called', async () => {
   // Open caches to test 'clearSensitiveCaches':
   // A keepable cache
-  await caches.open('workbox-precache-v2-asdf'); // Other, potentially-sensitive cache
-
-  await caches.open('test-cache'); // Todo: wait for function to resolve (loading mask goes away?)
-
-  const keys = await caches.keys(); // Static asset caches are kept
-
-  expect(keys).to.include('workbox-precache-v2-asdf'); // Others are removed
-
+  await caches.open('workbox-precache-v2-asdf');
+  // Other, potentially-sensitive cache
+  await caches.open('test-cache');
+
+  // Todo: wait for function to resolve (loading mask goes away?)
+  const keys = await caches.keys();
+  // Static asset caches are kept
+  expect(keys).to.include('workbox-precache-v2-asdf');
+  // Others are removed
   expect(keys).not.to.include('test-cache');
-}); // Currently not working
+});
 
-(0, _cypressCucumberPreprocessor.Then)('the window navigates to the logout URL', () => {// (Currently unable to stub window.location.assign;
+// Currently not working
+(0, _cypressCucumberPreprocessor.Then)('the window navigates to the logout URL', () => {
+  // (Currently unable to stub window.location.assign;
   // would be done in 'Then the user clicks link to log out')
   // cy.get('@locationAssign').should('be.calledWith', logoutUrl)
 });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Then)('contains the user name', () => {
   cy.all(() => cy.window(), () => cy.get('[data-test="headerbar-profile-username"]')).then(_ref => {
     let [win, $name] = _ref;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Then)('the HeaderBar contains a link to the interpretations', () => {
   cy.get('[data-test="headerbar-interpretations"]').should('be.visible');
 });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('there are 0 unread interpretations', () => {
   cy.visitStory('HeaderBarTesting', 'Zero Unread Interpretations');
 });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.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/cjs/features/the_headerbar_displays_a_link_to_messages_and_an_unread_count/the_headerbar_displays_a_link_to_the_messages.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Then)('the HeaderBar contains a link to the messages', () => {
   cy.get('[data-test="headerbar-messages"]').should('be.visible');
 });

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('there are 0 unread messages', () => {
   cy.visitStory('HeaderBarTesting', 'Zero Unread Messages');
 });