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

package/build/cjs/logo-image.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LogoImage = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _logo = require("@dhis2-ui/logo");
-
 var _appRuntime = require("@dhis2/app-runtime");
-
+var _logo = require("@dhis2-ui/logo");
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const logoStyles = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3467673193"
@@ -26,22 +20,17 @@ const query = {
     resource: 'staticContent/logo_banner'
   }
 };
-
 const pathExists = data => data && data.customLogo && data.customLogo.images && data.customLogo.images.png;
-
 const LogoImage = () => {
   const {
     loading,
     error,
     data
   } = (0, _appRuntime.useDataQuery)(query);
-
   if (loading) {
     return null;
   }
-
   let Logo;
-
   if (!error && pathExists(data)) {
     Logo = /*#__PURE__*/_react.default.createElement("img", {
       alt: "Headerbar Logo",
@@ -53,12 +42,10 @@ const LogoImage = () => {
       className: logoStyles.className
     });
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "jsx-3930434724"
   }, Logo, logoStyles.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3930434724"
   }, ["div.jsx-3930434724{padding:4px;min-width:48px;max-width:250px;height:48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}"]));
 };
-
 exports.LogoImage = LogoImage;

package/build/cjs/logo.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Logo = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _logoImage = require("./logo-image.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Logo = () => {
   const {
     baseUrl
@@ -29,5 +23,4 @@ const Logo = () => {
     id: "1445465036"
   }, ["div.jsx-1445465036{box-sizing:border-box;min-width:49px;max-height:48px;margin-block:0;margin-inline-end:12px;margin-inline-start:0;border-inline-end:1px solid rgba(32,32,32,0.15);}", "div.jsx-1445465036:hover{background-color:#1a557f;}", "a.jsx-1445465036,a.jsx-1445465036:hover,a.jsx-1445465036:focus,a.jsx-1445465036:active,a.jsx-1445465036:visited{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", "a.jsx-1445465036:focus{outline:2px solid white;outline-offset:-2px;}", "a.jsx-1445465036:focus.jsx-1445465036:not(:focus-visible){outline:none;}"]));
 };
-
 exports.Logo = Logo;

package/build/cjs/notification-icon.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NotificationIcon = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _uiIcons = require("@dhis2/ui-icons");
-
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function icon(kind) {
   if (kind === 'message') {
     return /*#__PURE__*/_react.default.createElement(_uiIcons.IconMessages24, {
@@ -30,7 +22,6 @@ function icon(kind) {
     });
   }
 }
-
 const NotificationIcon = _ref => {
   let {
     count,
@@ -48,14 +39,13 @@ const NotificationIcon = _ref => {
     "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"),
+    "data-test": `${dataTestId}-count`,
     className: _style.default.dynamic([["995028205", [_uiConstants.spacers.dp12, _uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]]])
   }, count), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "995028205",
     dynamic: [_uiConstants.spacers.dp12, _uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]
-  }, ["a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ".concat(_uiConstants.spacers.dp12, ";height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"), "a.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "a.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "a.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "a.__jsx-style-dynamic-selector:active{background:#104067;}", "span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:3px;inset-inline-end:2px;min-width:18px;min-height:18px;border-radius:".concat(_uiConstants.spacers.dp12, ";box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:").concat(_uiConstants.theme.secondary500, ";color:").concat(_uiConstants.colors.white, ";font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ").concat(_uiConstants.spacers.dp4, ";}")]));
+  }, [`a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ${_uiConstants.spacers.dp12};height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}`, "a.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "a.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "a.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "a.__jsx-style-dynamic-selector:active{background:#104067;}", `span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:3px;inset-inline-end:2px;min-width:18px;min-height:18px;border-radius:${_uiConstants.spacers.dp12};box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:${_uiConstants.theme.secondary500};color:${_uiConstants.colors.white};font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ${_uiConstants.spacers.dp4};}`]));
 };
-
 exports.NotificationIcon = NotificationIcon;
 NotificationIcon.defaultProps = {
   count: 0

package/build/cjs/notifications.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Notifications = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const hasAuthority = (userAuthorities, authId) => Array.isArray(userAuthorities) && userAuthorities.some(userAuthId => userAuthId === 'ALL' || userAuthId === authId);
-
 const Notifications = _ref => {
   let {
     interpretations,
@@ -54,7 +44,6 @@ const Notifications = _ref => {
     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%;}"]));
 };
-
 exports.Notifications = Notifications;
 Notifications.propTypes = {
   interpretations: _propTypes.default.number,

package/build/cjs/online-status.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OnlineStatus = OnlineStatus;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("./locales/index.js"));
-
 var _onlineStatusStyles = _interopRequireDefault(require("./online-status.styles.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** A badge to display online/offline status in the header bar */
 function OnlineStatus(_ref) {
   let {
@@ -35,20 +26,19 @@ function OnlineStatus(_ref) {
   const displayStatus = online ? _index.default.t('Online') : _index.default.t('Offline');
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "headerbar-online-status",
-    className: "jsx-".concat(_onlineStatusStyles.default.__hash) + " " + ((0, _classnames.default)('container', dense ? 'bar' : 'badge') || "")
+    className: `jsx-${_onlineStatusStyles.default.__hash}` + " " + ((0, _classnames.default)('container', dense ? 'bar' : 'badge') || "")
   }, onlineStatusMessage && !dense && /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_onlineStatusStyles.default.__hash) + " " + "info unselectable"
+    className: `jsx-${_onlineStatusStyles.default.__hash}` + " " + "info unselectable"
   }, onlineStatusMessage), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_onlineStatusStyles.default.__hash) + " " + ((0, _classnames.default)('icon', online ? 'online' : 'offline') || "")
+    className: `jsx-${_onlineStatusStyles.default.__hash}` + " " + ((0, _classnames.default)('icon', online ? 'online' : 'offline') || "")
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_onlineStatusStyles.default.__hash) + " " + "label unselectable"
+    className: `jsx-${_onlineStatusStyles.default.__hash}` + " " + "label unselectable"
   }, displayStatus), onlineStatusMessage && dense && /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_onlineStatusStyles.default.__hash) + " " + "info-dense unselectable"
+    className: `jsx-${_onlineStatusStyles.default.__hash}` + " " + "info-dense unselectable"
   }, onlineStatusMessage), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _onlineStatusStyles.default.__hash
   }, _onlineStatusStyles.default));
 }
-
 OnlineStatus.propTypes = {
   /** If true, displays as a sub-bar instead of a badge */
   dense: _propTypes.default.bool

package/build/cjs/online-status.styles.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
-const _defaultExport = [".container.jsx-2382375945{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;background-color:#104167;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:".concat(_uiConstants.colors.grey100, ";}"), ".container.badge.jsx-2382375945{margin-inline-end:".concat(_uiConstants.spacers.dp8, ";padding:").concat(_uiConstants.spacers.dp8, ";border-radius:5px;font-size:14px;}"), ".container.bar.jsx-2382375945{display:none;padding:0px ".concat(_uiConstants.spacers.dp4, ";min-height:24px;font-size:13px;}"), "@media (max-width:480px){.container.badge.jsx-2382375945{display:none;}.container.bar.jsx-2382375945{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-2382375945{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".info.jsx-2382375945{margin-inline-end:".concat(_uiConstants.spacers.dp16, ";}"), ".info-dense.jsx-2382375945{margin-inline-start:".concat(_uiConstants.spacers.dp12, ";font-size:12px;}"), ".icon.jsx-2382375945{width:8px;min-width:8px;height:8px;border-radius:8px;margin-inline-end:".concat(_uiConstants.spacers.dp4, ";}"), ".icon.online.jsx-2382375945{background-color:".concat(_uiConstants.colors.teal400, ";}"), ".icon.offline.jsx-2382375945{background-color:transparent;border:1px solid ".concat(_uiConstants.colors.yellow300, ";}"), ".icon.reconnecting.jsx-2382375945{background:".concat(_uiConstants.colors.grey300, ";-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-2382375945 2s linear infinite;animation:fadeinout-jsx-2382375945 2s linear infinite;opacity:0;}"), "@-webkit-keyframes fadeinout{50%.jsx-2382375945{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-2382375945{50%{opacity:1;}}", "@keyframes fadeinout-jsx-2382375945{50%{opacity:1;}}", ".label.jsx-2382375945{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
+const _defaultExport = [`.container.jsx-2382375945{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;background-color:#104167;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:${_uiConstants.colors.grey100};}`, `.container.badge.jsx-2382375945{margin-inline-end:${_uiConstants.spacers.dp8};padding:${_uiConstants.spacers.dp8};border-radius:5px;font-size:14px;}`, `.container.bar.jsx-2382375945{display:none;padding:0px ${_uiConstants.spacers.dp4};min-height:24px;font-size:13px;}`, "@media (max-width:480px){.container.badge.jsx-2382375945{display:none;}.container.bar.jsx-2382375945{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-2382375945{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", `.info.jsx-2382375945{margin-inline-end:${_uiConstants.spacers.dp16};}`, `.info-dense.jsx-2382375945{margin-inline-start:${_uiConstants.spacers.dp12};font-size:12px;}`, `.icon.jsx-2382375945{width:8px;min-width:8px;height:8px;border-radius:8px;margin-inline-end:${_uiConstants.spacers.dp4};}`, `.icon.online.jsx-2382375945{background-color:${_uiConstants.colors.teal400};}`, `.icon.offline.jsx-2382375945{background-color:transparent;border:1px solid ${_uiConstants.colors.yellow300};}`, `.icon.reconnecting.jsx-2382375945{background:${_uiConstants.colors.grey300};-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-2382375945 2s linear infinite;animation:fadeinout-jsx-2382375945 2s linear infinite;opacity:0;}`, "@-webkit-keyframes fadeinout{50%.jsx-2382375945{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-2382375945{50%{opacity:1;}}", "@keyframes fadeinout-jsx-2382375945{50%{opacity:1;}}", ".label.jsx-2382375945{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
 _defaultExport.__hash = "2382375945";
-var _default = _defaultExport;
-exports.default = _default;
+var _default = exports.default = _defaultExport;

package/build/cjs/profile/use-on-doc-click.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useOnDocClick = void 0;
-
 var _react = require("react");
-
 const useOnDocClick = (containerRef, hide) => {
   const onDocClick = (0, _react.useMemo)(() => {
     return evt => {
       if (!containerRef.current) {
         return null;
       }
-
       if (!containerRef.current.contains(evt.target)) {
         hide();
       }
@@ -26,5 +23,4 @@ const useOnDocClick = (containerRef, hide) => {
     };
   }, [onDocClick]);
 };
-
 exports.useOnDocClick = useOnDocClick;

package/build/cjs/profile/use-on-doc-click.test.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _reactHooks = require("@testing-library/react-hooks");
-
 var _useOnDocClick = require("./use-on-doc-click.js");
-
 describe('useOnDocClick', () => {
   let eventListenerMap = {};
   const hide = jest.fn();

package/build/cjs/profile-menu/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _profileMenu = require("./profile-menu.js");
-
 Object.keys(_profileMenu).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _profileMenu[key]) return;

package/build/cjs/profile-menu/profile-header.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProfileHeader = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _userAvatar = require("@dhis2-ui/user-avatar");
-
 var _appRuntime = require("@dhis2/app-runtime");
-
+var _userAvatar = require("@dhis2-ui/user-avatar");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _joinPath = require("../join-path.js");
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ProfileName = _ref => {
   let {
     children
@@ -32,11 +23,9 @@ const ProfileName = _ref => {
     id: "2223023701"
   }, ["div.jsx-2223023701{margin-bottom:3px;font-size:16px;line-height:19px;}"]));
 };
-
 ProfileName.propTypes = {
   children: _propTypes.default.string
 };
-
 const ProfileEmail = _ref2 => {
   let {
     children
@@ -48,11 +37,9 @@ const ProfileEmail = _ref2 => {
     id: "1072768994"
   }, ["div.jsx-1072768994{margin-bottom:6px;font-size:14px;line-height:16px;}"]));
 };
-
 ProfileEmail.propTypes = {
   children: _propTypes.default.string
 };
-
 const ProfileEdit = _ref3 => {
   let {
     children
@@ -68,11 +55,9 @@ const ProfileEdit = _ref3 => {
     id: "233684196"
   }, ["a.jsx-233684196{color:rgba(0,0,0,0.87);font-size:12px;line-height:14px;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;}"]));
 };
-
 ProfileEdit.propTypes = {
   children: _propTypes.default.string
 };
-
 const ProfileDetails = _ref4 => {
   let {
     name,
@@ -84,12 +69,10 @@ const ProfileDetails = _ref4 => {
     id: "4236878114"
   }, ["div.jsx-4236878114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-inline-start:20px;color:#000;font-size:14px;font-weight:400;}"]));
 };
-
 ProfileDetails.propTypes = {
   email: _propTypes.default.string,
   name: _propTypes.default.string
 };
-
 const ProfileHeader = _ref5 => {
   let {
     name,
@@ -110,7 +93,6 @@ const ProfileHeader = _ref5 => {
     id: "371352323"
   }, ["div.jsx-371352323{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-inline-start:24px;padding-top:20px;}"]));
 };
-
 exports.ProfileHeader = ProfileHeader;
 ProfileHeader.propTypes = {
   avatarId: _propTypes.default.string,

package/build/cjs/profile-menu/profile-menu.js

@@ -4,53 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProfileMenu = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
+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 _center = require("@dhis2-ui/center");
-
 var _divider = require("@dhis2-ui/divider");
-
 var _layer = require("@dhis2-ui/layer");
-
 var _loader = require("@dhis2-ui/loader");
-
 var _menu = require("@dhis2-ui/menu");
-
-var _appRuntime = require("@dhis2/app-runtime");
-
-var _uiConstants = require("@dhis2/ui-constants");
-
-var _uiIcons = require("@dhis2/ui-icons");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _debugInfoMenuItem = require("../debug-info/debug-info-menu-item.js");
-
 var _joinPath = require("../join-path.js");
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _profileHeader = require("./profile-header.js");
-
 var _updateNotification = require("./update-notification.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 }; }
 const LoadingMask = () => /*#__PURE__*/_react.default.createElement(_layer.Layer, {
   translucent: true,
   disablePortal: true,
   dataTest: "headerbar-profile-menu-loading-mask"
 }, /*#__PURE__*/_react.default.createElement(_center.Center, null, /*#__PURE__*/_react.default.createElement(_loader.CircularLoader, null)));
-
 const ProfileContents = _ref => {
   let {
     name,
@@ -104,7 +82,8 @@ const ProfileContents = _ref => {
       color: _uiConstants.colors.grey700
     })
   }), /*#__PURE__*/_react.default.createElement(_menu.MenuItem, {
-    href: (0, _joinPath.joinPath)(baseUrl, 'dhis-web-commons-security/logout.action') // NB: By MenuItem implementation, this callback
+    href: (0, _joinPath.joinPath)(baseUrl, 'dhis-web-commons-security/logout.action')
+    // NB: By MenuItem implementation, this callback
     // overwrites default navigation behavior but maintains
     // the href attribute
     ,
@@ -130,7 +109,6 @@ const ProfileContents = _ref => {
     id: "2099675810"
   }, ["div.jsx-2099675810{width:100%;padding:0;}", "ul.jsx-2099675810{padding:0;margin:0;}", "a.jsx-2099675810,a.jsx-2099675810:hover,a.jsx-2099675810:focus,a.jsx-2099675810:active,a.jsx-2099675810:visited{-webkit-text-decoration:none;text-decoration:none;display:block;}"]));
 };
-
 ProfileContents.propTypes = {
   hideProfileMenu: _propTypes.default.func.isRequired,
   showDebugInfoModal: _propTypes.default.func.isRequired,
@@ -139,9 +117,9 @@ ProfileContents.propTypes = {
   helpUrl: _propTypes.default.string,
   name: _propTypes.default.string
 };
-
 const ProfileMenu = _ref2 => {
-  let { ...props
+  let {
+    ...props
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "headerbar-profile-menu",
@@ -150,7 +128,6 @@ const ProfileMenu = _ref2 => {
     id: "3924623997"
   }, ["div.jsx-3924623997{z-index:10000;position:absolute;inset-inline-end:4px;width:320px;}"]));
 };
-
 exports.ProfileMenu = ProfileMenu;
 ProfileMenu.propTypes = {
   hideProfileMenu: _propTypes.default.func.isRequired,

package/build/cjs/profile-menu/update-notification.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UpdateNotification = UpdateNotification;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _menu = require("@dhis2-ui/menu");
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _menu = require("@dhis2-ui/menu");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _headerBarContext = require("../header-bar-context.js");
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function UpdateNotification(_ref) {
   let {
     hideProfileMenu
@@ -34,12 +24,10 @@ function UpdateNotification(_ref) {
     updateAvailable,
     onApplyAvailableUpdate
   } = (0, _headerBarContext.useHeaderBarContext)();
-
   const onClick = () => {
     hideProfileMenu();
     onApplyAvailableUpdate === null || onApplyAvailableUpdate === void 0 ? void 0 : onApplyAvailableUpdate();
   };
-
   const updateNotificationLabel = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["4135170305", [_uiConstants.colors.blue600]]]) + " " + "root"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -55,8 +43,7 @@ function UpdateNotification(_ref) {
   }), _index.default.t('Click to reload')), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4135170305",
     dynamic: [_uiConstants.colors.blue600]
-  }, [".root.__jsx-style-dynamic-selector{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;font-size:14px;line-height:17px;}", ".badge.__jsx-style-dynamic-selector{display:inline-block;width:12px;height:12px;margin:0 8px;border-radius:6px;background-color:".concat(_uiConstants.colors.blue600, ";}"), ".spacer.__jsx-style-dynamic-selector{display:inline-block;width:8px;}", ".message.__jsx-style-dynamic-selector{display:inline-block;}"]));
-
+  }, [".root.__jsx-style-dynamic-selector{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;font-size:14px;line-height:17px;}", `.badge.__jsx-style-dynamic-selector{display:inline-block;width:12px;height:12px;margin:0 8px;border-radius:6px;background-color:${_uiConstants.colors.blue600};}`, ".spacer.__jsx-style-dynamic-selector{display:inline-block;width:8px;}", ".message.__jsx-style-dynamic-selector{display:inline-block;}"]));
   return updateAvailable ? /*#__PURE__*/_react.default.createElement(_menu.MenuItem, {
     dense: true,
     onClick: onClick,
@@ -64,7 +51,6 @@ function UpdateNotification(_ref) {
     dataTest: "dhis2-ui-headerbar-updatenotification"
   }) : null;
 }
-
 UpdateNotification.propTypes = {
   hideProfileMenu: _propTypes.default.func.isRequired
 };

package/build/cjs/profile.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _userAvatar = require("@dhis2-ui/user-avatar");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _debugInfoModal = require("./debug-info/debug-info-modal.js");
-
 var _index = _interopRequireDefault(require("./locales/index.js"));
-
-var _index2 = require("./profile-menu/index.js");
-
 var _useOnDocClick = require("./profile/use-on-doc-click.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 }; }
-
+var _index2 = require("./profile-menu/index.js");
+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 }; }
 const Profile = _ref => {
   let {
     name,
@@ -71,12 +59,10 @@ const Profile = _ref => {
     id: "3442481507"
   }, [".headerbar-profile.jsx-3442481507{position:relative;height:100%;}", ".headerbar-profile-btn.jsx-3442481507{background:transparent;padding:6px;border:0;cursor:pointer;}", ".headerbar-profile-btn.jsx-3442481507:focus{outline:2px solid white;outline-offset:-2px;}", ".headerbar-profile-btn.jsx-3442481507:focus.jsx-3442481507:not(:focus-visible){outline:none;}", ".headerbar-profile-btn.jsx-3442481507:hover{background:#1a557f;}", ".headerbar-profile-btn.jsx-3442481507:active{background:#104067;}"]));
 };
-
 Profile.propTypes = {
   name: _propTypes.default.string.isRequired,
   avatarId: _propTypes.default.string,
   email: _propTypes.default.string,
   helpUrl: _propTypes.default.string
 };
-var _default = Profile;
-exports.default = _default;
+var _default = exports.default = Profile;

package/build/cjs/title.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Title = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Title = _ref => {
   let {
     app,
@@ -21,11 +16,10 @@ const Title = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "headerbar-title",
     className: "jsx-2721515324"
-  }, app ? "".concat(instance, " - ").concat(app) : "".concat(instance), /*#__PURE__*/_react.default.createElement(_style.default, {
+  }, app ? `${instance} - ${app}` : `${instance}`, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2721515324"
   }, ["div.jsx-2721515324{overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;-webkit-letter-spacing:0.01em;-moz-letter-spacing:0.01em;-ms-letter-spacing:0.01em;letter-spacing:0.01em;white-space:nowrap;}"]));
 };
-
 exports.Title = Title;
 Title.propTypes = {
   app: _propTypes.default.string,