@dhis2-ui/header-bar 10.16.3 → 10.16.4

package/build/es/header-bar.js

@@ -32,15 +32,14 @@ const query = {
     resource: 'me/dashboard'
   }
 };
-export const HeaderBar = _ref => {
-  var _data$user2, _data$user2$settings, _data$user$avatar;
-  let {
-    appName,
-    className,
-    updateAvailable,
-    onApplyAvailableUpdate,
-    skipI18n
-  } = _ref;
+export const HeaderBar = ({
+  appName,
+  className,
+  updateAvailable,
+  onApplyAvailableUpdate,
+  skipI18n
+}) => {
+  var _data$user2, _data$user$avatar;
   const {
     appName: configAppName,
     baseUrl,
@@ -61,16 +60,16 @@ export const HeaderBar = _ref => {
   }, [data, baseUrl]);
   useEffect(() => {
     if (!loading && !error && !skipI18n) {
-      var _data$user, _data$user$settings;
+      var _data$user;
       // This is the "legacy" way of localising the header bar, which is necesasry for external (non-platform) apps
       // For platform apps, setting i18n is handled by the app-shell so this logic is redundant (and running it twice caused issues)
       // For external apps, this logic is kept for backwards compatibility, but they also have the option of passing `skipI18n`
       // and initialising i18n in the consumer
-      const locale = (data === null || data === void 0 ? void 0 : (_data$user = data.user) === null || _data$user === void 0 ? void 0 : (_data$user$settings = _data$user.settings) === null || _data$user$settings === void 0 ? void 0 : _data$user$settings.keyUiLocale) || 'en';
+      const locale = (data === null || data === void 0 || (_data$user = data.user) === null || _data$user === void 0 || (_data$user = _data$user.settings) === null || _data$user === void 0 ? void 0 : _data$user.keyUiLocale) || 'en';
       i18n.setDefaultNamespace('default');
       i18n.changeLanguage(locale);
     }
-  }, [data === null || data === void 0 ? void 0 : (_data$user2 = data.user) === null || _data$user2 === void 0 ? void 0 : (_data$user2$settings = _data$user2.settings) === null || _data$user2$settings === void 0 ? void 0 : _data$user2$settings.keyUiLocale, error, loading, skipI18n]);
+  }, [data === null || data === void 0 || (_data$user2 = data.user) === null || _data$user2 === void 0 || (_data$user2 = _data$user2.settings) === null || _data$user2 === void 0 ? void 0 : _data$user2.keyUiLocale, error, loading, skipI18n]);
   return /*#__PURE__*/React.createElement(HeaderBarContextProvider, {
     updateAvailable: updateAvailable,
     onApplyAvailableUpdate: onApplyAvailableUpdate

package/build/es/join-path.js

@@ -1,7 +1,4 @@
-export const joinPath = function () {
-  for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
-    parts[_key] = arguments[_key];
-  }
+export const joinPath = (...parts) => {
   const realParts = parts.filter(part => !!part);
   return realParts.map(part => part.replace(/^\/+|\/+$/g, '')).join('/');
 };

package/build/es/locales/index.js

@@ -45,41 +45,82 @@ import viTranslations from './vi/translations.json';
 import zhTranslations from './zh/translations.json';
 import zh_CNTranslations from './zh_CN/translations.json';
 const namespace = 'default';
-i18n.addResources('ar', namespace, arTranslations);
-i18n.addResources('ar_IQ', namespace, ar_IQTranslations);
-i18n.addResources('bn', namespace, bnTranslations);
-i18n.addResources('ckb', namespace, ckbTranslations);
-i18n.addResources('cs', namespace, csTranslations);
-i18n.addResources('da', namespace, daTranslations);
-i18n.addResources('en', namespace, enTranslations);
-i18n.addResources('en_US', namespace, en_USTranslations);
-i18n.addResources('es', namespace, esTranslations);
-i18n.addResources('es_419', namespace, es_419Translations);
-i18n.addResources('fr', namespace, frTranslations);
-i18n.addResources('hi_IN', namespace, hi_INTranslations);
-i18n.addResources('id', namespace, idTranslations);
-i18n.addResources('km', namespace, kmTranslations);
-i18n.addResources('lo', namespace, loTranslations);
-i18n.addResources('my', namespace, myTranslations);
-i18n.addResources('nb', namespace, nbTranslations);
-i18n.addResources('nl', namespace, nlTranslations);
-i18n.addResources('or', namespace, orTranslations);
-i18n.addResources('prs', namespace, prsTranslations);
-i18n.addResources('ps', namespace, psTranslations);
-i18n.addResources('pt', namespace, ptTranslations);
-i18n.addResources('pt_BR', namespace, pt_BRTranslations);
-i18n.addResources('ro', namespace, roTranslations);
-i18n.addResources('ru', namespace, ruTranslations);
-i18n.addResources('si', namespace, siTranslations);
-i18n.addResources('sv', namespace, svTranslations);
-i18n.addResources('tet', namespace, tetTranslations);
-i18n.addResources('tg', namespace, tgTranslations);
-i18n.addResources('uk', namespace, ukTranslations);
-i18n.addResources('ur', namespace, urTranslations);
-i18n.addResources('uz_Latn', namespace, uz_LatnTranslations);
-i18n.addResources('uz_UZ_Cyrl', namespace, uz_UZ_CyrlTranslations);
-i18n.addResources('uz_UZ_Latn', namespace, uz_UZ_LatnTranslations);
-i18n.addResources('vi', namespace, viTranslations);
-i18n.addResources('zh', namespace, zhTranslations);
-i18n.addResources('zh_CN', namespace, zh_CNTranslations);
+
+// Use 'deep' = true and 'overwrite' = false to add to, but not overwrite,
+// custom translations from the datastore (added by the app adapter)
+
+i18n.addResourceBundle('ar', namespace, arTranslations, true, false);
+i18n.addResourceBundle('ar', namespace, arTranslations, true, false);
+i18n.addResourceBundle('ar_IQ', namespace, ar_IQTranslations, true, false);
+i18n.addResourceBundle('ar-IQ', namespace, ar_IQTranslations, true, false);
+i18n.addResourceBundle('bn', namespace, bnTranslations, true, false);
+i18n.addResourceBundle('bn', namespace, bnTranslations, true, false);
+i18n.addResourceBundle('ckb', namespace, ckbTranslations, true, false);
+i18n.addResourceBundle('ckb', namespace, ckbTranslations, true, false);
+i18n.addResourceBundle('cs', namespace, csTranslations, true, false);
+i18n.addResourceBundle('cs', namespace, csTranslations, true, false);
+i18n.addResourceBundle('da', namespace, daTranslations, true, false);
+i18n.addResourceBundle('da', namespace, daTranslations, true, false);
+i18n.addResourceBundle('en', namespace, enTranslations, true, false);
+i18n.addResourceBundle('en', namespace, enTranslations, true, false);
+i18n.addResourceBundle('en_US', namespace, en_USTranslations, true, false);
+i18n.addResourceBundle('en-US', namespace, en_USTranslations, true, false);
+i18n.addResourceBundle('es', namespace, esTranslations, true, false);
+i18n.addResourceBundle('es', namespace, esTranslations, true, false);
+i18n.addResourceBundle('es_419', namespace, es_419Translations, true, false);
+i18n.addResourceBundle('es-419', namespace, es_419Translations, true, false);
+i18n.addResourceBundle('fr', namespace, frTranslations, true, false);
+i18n.addResourceBundle('fr', namespace, frTranslations, true, false);
+i18n.addResourceBundle('hi_IN', namespace, hi_INTranslations, true, false);
+i18n.addResourceBundle('hi-IN', namespace, hi_INTranslations, true, false);
+i18n.addResourceBundle('id', namespace, idTranslations, true, false);
+i18n.addResourceBundle('id', namespace, idTranslations, true, false);
+i18n.addResourceBundle('km', namespace, kmTranslations, true, false);
+i18n.addResourceBundle('km', namespace, kmTranslations, true, false);
+i18n.addResourceBundle('lo', namespace, loTranslations, true, false);
+i18n.addResourceBundle('lo', namespace, loTranslations, true, false);
+i18n.addResourceBundle('my', namespace, myTranslations, true, false);
+i18n.addResourceBundle('my', namespace, myTranslations, true, false);
+i18n.addResourceBundle('nb', namespace, nbTranslations, true, false);
+i18n.addResourceBundle('nb', namespace, nbTranslations, true, false);
+i18n.addResourceBundle('nl', namespace, nlTranslations, true, false);
+i18n.addResourceBundle('nl', namespace, nlTranslations, true, false);
+i18n.addResourceBundle('or', namespace, orTranslations, true, false);
+i18n.addResourceBundle('or', namespace, orTranslations, true, false);
+i18n.addResourceBundle('prs', namespace, prsTranslations, true, false);
+i18n.addResourceBundle('prs', namespace, prsTranslations, true, false);
+i18n.addResourceBundle('ps', namespace, psTranslations, true, false);
+i18n.addResourceBundle('ps', namespace, psTranslations, true, false);
+i18n.addResourceBundle('pt', namespace, ptTranslations, true, false);
+i18n.addResourceBundle('pt', namespace, ptTranslations, true, false);
+i18n.addResourceBundle('pt_BR', namespace, pt_BRTranslations, true, false);
+i18n.addResourceBundle('pt-BR', namespace, pt_BRTranslations, true, false);
+i18n.addResourceBundle('ro', namespace, roTranslations, true, false);
+i18n.addResourceBundle('ro', namespace, roTranslations, true, false);
+i18n.addResourceBundle('ru', namespace, ruTranslations, true, false);
+i18n.addResourceBundle('ru', namespace, ruTranslations, true, false);
+i18n.addResourceBundle('si', namespace, siTranslations, true, false);
+i18n.addResourceBundle('si', namespace, siTranslations, true, false);
+i18n.addResourceBundle('sv', namespace, svTranslations, true, false);
+i18n.addResourceBundle('sv', namespace, svTranslations, true, false);
+i18n.addResourceBundle('tet', namespace, tetTranslations, true, false);
+i18n.addResourceBundle('tet', namespace, tetTranslations, true, false);
+i18n.addResourceBundle('tg', namespace, tgTranslations, true, false);
+i18n.addResourceBundle('tg', namespace, tgTranslations, true, false);
+i18n.addResourceBundle('uk', namespace, ukTranslations, true, false);
+i18n.addResourceBundle('uk', namespace, ukTranslations, true, false);
+i18n.addResourceBundle('ur', namespace, urTranslations, true, false);
+i18n.addResourceBundle('ur', namespace, urTranslations, true, false);
+i18n.addResourceBundle('uz_Latn', namespace, uz_LatnTranslations, true, false);
+i18n.addResourceBundle('uz-Latn', namespace, uz_LatnTranslations, true, false);
+i18n.addResourceBundle('uz_UZ_Cyrl', namespace, uz_UZ_CyrlTranslations, true, false);
+i18n.addResourceBundle('uz-Cyrl-UZ', namespace, uz_UZ_CyrlTranslations, true, false);
+i18n.addResourceBundle('uz_UZ_Latn', namespace, uz_UZ_LatnTranslations, true, false);
+i18n.addResourceBundle('uz-Latn-UZ', namespace, uz_UZ_LatnTranslations, true, false);
+i18n.addResourceBundle('vi', namespace, viTranslations, true, false);
+i18n.addResourceBundle('vi', namespace, viTranslations, true, false);
+i18n.addResourceBundle('zh', namespace, zhTranslations, true, false);
+i18n.addResourceBundle('zh', namespace, zhTranslations, true, false);
+i18n.addResourceBundle('zh_CN', namespace, zh_CNTranslations, true, false);
+i18n.addResourceBundle('zh-CN', namespace, zh_CNTranslations, true, false);
 export default i18n;

package/build/es/notification-icon.js

@@ -15,30 +15,27 @@ function icon(kind) {
     });
   }
 }
-export const NotificationIcon = _ref => {
-  let {
-    count = 0,
-    href,
-    kind,
-    dataTestId,
-    title,
-    'aria-label': ariaLabel
-  } = _ref;
-  return /*#__PURE__*/React.createElement("a", {
-    dir: "ltr",
-    href: href,
-    "data-test": dataTestId,
-    title: i18n.t(title),
-    "aria-label": i18n.t(ariaLabel),
-    className: _JSXStyle.dynamic([["995028205", [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]]) + " " + (kind || "")
-  }, icon(kind), count > 0 && /*#__PURE__*/React.createElement("span", {
-    "data-test": `${dataTestId}-count`,
-    className: _JSXStyle.dynamic([["995028205", [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]])
-  }, count), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "995028205",
-    dynamic: [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]
-  }, [`a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ${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:${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:${theme.secondary500};color:${colors.white};font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ${spacers.dp4};}`]));
-};
+export const NotificationIcon = ({
+  count = 0,
+  href,
+  kind,
+  dataTestId,
+  title,
+  'aria-label': ariaLabel
+}) => /*#__PURE__*/React.createElement("a", {
+  dir: "ltr",
+  href: href,
+  "data-test": dataTestId,
+  title: i18n.t(title),
+  "aria-label": i18n.t(ariaLabel),
+  className: _JSXStyle.dynamic([["995028205", [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]]) + " " + (kind || "")
+}, icon(kind), count > 0 && /*#__PURE__*/React.createElement("span", {
+  "data-test": `${dataTestId}-count`,
+  className: _JSXStyle.dynamic([["995028205", [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]])
+}, count), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "995028205",
+  dynamic: [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]
+}, [`a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ${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:${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:${theme.secondary500};color:${colors.white};font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ${spacers.dp4};}`]));
 NotificationIcon.propTypes = {
   'aria-label': PropTypes.string.isRequired,
   href: PropTypes.string.isRequired,

package/build/es/notifications.js

@@ -6,12 +6,11 @@ import { joinPath } from './join-path.js';
 import i18n from './locales/index.js';
 import { NotificationIcon } from './notification-icon.js';
 const hasAuthority = (userAuthorities, authId) => Array.isArray(userAuthorities) && userAuthorities.some(userAuthId => userAuthId === 'ALL' || userAuthId === authId);
-export const Notifications = _ref => {
-  let {
-    interpretations,
-    messages,
-    userAuthorities
-  } = _ref;
+export const Notifications = ({
+  interpretations,
+  messages,
+  userAuthorities
+}) => {
   const {
     baseUrl
   } = useConfig();

package/build/es/online-status.js

@@ -7,10 +7,9 @@ import i18n from './locales/index.js';
 import styles from './online-status.styles.js';
 
 /** A badge to display online/offline status in the header bar */
-export function OnlineStatus(_ref) {
-  let {
-    dense
-  } = _ref;
+export function OnlineStatus({
+  dense
+}) {
   const {
     isConnected: online
   } = useDhis2ConnectionStatus();

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

@@ -5,38 +5,31 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { joinPath } from '../join-path.js';
 import i18n from '../locales/index.js';
-const ProfileName = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "headerbar-profile-username",
-    className: "jsx-2223023701"
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2223023701"
-  }, ["div.jsx-2223023701{margin-bottom:3px;font-size:16px;line-height:19px;}"]));
-};
+const ProfileName = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": "headerbar-profile-username",
+  className: "jsx-2223023701"
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "2223023701"
+}, ["div.jsx-2223023701{margin-bottom:3px;font-size:16px;line-height:19px;}"]));
 ProfileName.propTypes = {
   children: PropTypes.string
 };
-const ProfileEmail = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "headerbar-profile-user-email",
-    className: "jsx-1072768994"
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1072768994"
-  }, ["div.jsx-1072768994{margin-bottom:6px;font-size:14px;line-height:16px;}"]));
-};
+const ProfileEmail = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": "headerbar-profile-user-email",
+  className: "jsx-1072768994"
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "1072768994"
+}, ["div.jsx-1072768994{margin-bottom:6px;font-size:14px;line-height:16px;}"]));
 ProfileEmail.propTypes = {
   children: PropTypes.string
 };
-const ProfileEdit = _ref3 => {
-  let {
-    children
-  } = _ref3;
+const ProfileEdit = ({
+  children
+}) => {
   const {
     baseUrl
   } = useConfig();
@@ -51,41 +44,35 @@ const ProfileEdit = _ref3 => {
 ProfileEdit.propTypes = {
   children: PropTypes.string
 };
-const ProfileDetails = _ref4 => {
-  let {
-    name,
-    email
-  } = _ref4;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-4236878114"
-  }, /*#__PURE__*/React.createElement(ProfileName, null, name), /*#__PURE__*/React.createElement(ProfileEmail, null, email), /*#__PURE__*/React.createElement(ProfileEdit, null, i18n.t('Edit profile')), /*#__PURE__*/React.createElement(_JSXStyle, {
-    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;}"]));
-};
+const ProfileDetails = ({
+  name,
+  email
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "jsx-4236878114"
+}, /*#__PURE__*/React.createElement(ProfileName, null, name), /*#__PURE__*/React.createElement(ProfileEmail, null, email), /*#__PURE__*/React.createElement(ProfileEdit, null, i18n.t('Edit profile')), /*#__PURE__*/React.createElement(_JSXStyle, {
+  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.string,
   name: PropTypes.string
 };
-export const ProfileHeader = _ref5 => {
-  let {
-    name,
-    email,
-    avatarId
-  } = _ref5;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-371352323"
-  }, /*#__PURE__*/React.createElement(UserAvatar, {
-    avatarId: avatarId,
-    name: name,
-    dataTest: "headerbar-profile-menu-icon",
-    large: true
-  }), /*#__PURE__*/React.createElement(ProfileDetails, {
-    name: name,
-    email: email
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    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;}"]));
-};
+export const ProfileHeader = ({
+  name,
+  email,
+  avatarId
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "jsx-371352323"
+}, /*#__PURE__*/React.createElement(UserAvatar, {
+  avatarId: avatarId,
+  name: name,
+  dataTest: "headerbar-profile-menu-icon",
+  large: true
+}), /*#__PURE__*/React.createElement(ProfileDetails, {
+  name: name,
+  email: email
+}), /*#__PURE__*/React.createElement(_JSXStyle, {
+  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;}"]));
 ProfileHeader.propTypes = {
   avatarId: PropTypes.string,
   email: PropTypes.string,

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

@@ -20,15 +20,14 @@ const LoadingMask = () => /*#__PURE__*/React.createElement(Layer, {
   disablePortal: true,
   dataTest: "headerbar-profile-menu-loading-mask"
 }, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(CircularLoader, null)));
-const ProfileContents = _ref => {
-  let {
-    name,
-    email,
-    avatarId,
-    helpUrl,
-    hideProfileMenu,
-    showDebugInfoModal
-  } = _ref;
+const ProfileContents = ({
+  name,
+  email,
+  avatarId,
+  helpUrl,
+  hideProfileMenu,
+  showDebugInfoModal
+}) => {
   const {
     baseUrl
   } = useConfig();
@@ -108,17 +107,14 @@ ProfileContents.propTypes = {
   helpUrl: PropTypes.string,
   name: PropTypes.string
 };
-export const ProfileMenu = _ref2 => {
-  let {
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "headerbar-profile-menu",
-    className: "jsx-3924623997"
-  }, /*#__PURE__*/React.createElement(ProfileContents, props), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3924623997"
-  }, ["div.jsx-3924623997{z-index:10000;position:absolute;inset-inline-end:4px;width:320px;}"]));
-};
+export const ProfileMenu = ({
+  ...props
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": "headerbar-profile-menu",
+  className: "jsx-3924623997"
+}, /*#__PURE__*/React.createElement(ProfileContents, props), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3924623997"
+}, ["div.jsx-3924623997{z-index:10000;position:absolute;inset-inline-end:4px;width:320px;}"]));
 ProfileMenu.propTypes = {
   hideProfileMenu: PropTypes.func.isRequired,
   showDebugInfoModal: PropTypes.func.isRequired,

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

@@ -6,10 +6,9 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { useHeaderBarContext } from '../header-bar-context.js';
 import i18n from '../locales/index.js';
-export function UpdateNotification(_ref) {
-  let {
-    hideProfileMenu
-  } = _ref;
+export function UpdateNotification({
+  hideProfileMenu
+}) {
   const {
     appName
   } = useConfig();
@@ -19,7 +18,7 @@ export function UpdateNotification(_ref) {
   } = useHeaderBarContext();
   const onClick = () => {
     hideProfileMenu();
-    onApplyAvailableUpdate === null || onApplyAvailableUpdate === void 0 ? void 0 : onApplyAvailableUpdate();
+    onApplyAvailableUpdate === null || onApplyAvailableUpdate === void 0 || onApplyAvailableUpdate();
   };
   const updateNotificationLabel = /*#__PURE__*/React.createElement("div", {
     className: _JSXStyle.dynamic([["4135170305", [colors.blue600]]]) + " " + "root"

package/build/es/profile.js

@@ -6,13 +6,12 @@ import { DebugInfoModal } from './debug-info/debug-info-modal.js';
 import i18n from './locales/index.js';
 import { useOnDocClick } from './profile/use-on-doc-click.js';
 import { ProfileMenu } from './profile-menu/index.js';
-const Profile = _ref => {
-  let {
-    name,
-    email,
-    avatarId,
-    helpUrl
-  } = _ref;
+const Profile = ({
+  name,
+  email,
+  avatarId,
+  helpUrl
+}) => {
   const [showProfileMenu, setShowProfileMenu] = useState(false);
   const [showDebugInfoModal, setShowDebugInfoModal] = useState(false);
   const hideProfileMenu = useCallback(() => setShowProfileMenu(false), [setShowProfileMenu]);

package/build/es/title.js

@@ -1,18 +1,15 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const Title = _ref => {
-  let {
-    app,
-    instance
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "headerbar-title",
-    className: "jsx-2721515324"
-  }, app ? `${instance} - ${app}` : `${instance}`, /*#__PURE__*/React.createElement(_JSXStyle, {
-    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;}"]));
-};
+export const Title = ({
+  app,
+  instance
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": "headerbar-title",
+  className: "jsx-2721515324"
+}, app ? `${instance} - ${app}` : `${instance}`, /*#__PURE__*/React.createElement(_JSXStyle, {
+  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;}"]));
 Title.propTypes = {
   app: PropTypes.string,
   instance: PropTypes.string

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/header-bar",
-    "version": "10.16.3",
+    "version": "10.16.4",
     "description": "UI HeaderBar",
     "repository": {
         "type": "git",
@@ -34,21 +34,21 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/box": "10.16.3",
-        "@dhis2-ui/button": "10.16.3",
-        "@dhis2-ui/card": "10.16.3",
-        "@dhis2-ui/center": "10.16.3",
-        "@dhis2-ui/divider": "10.16.3",
-        "@dhis2-ui/input": "10.16.3",
-        "@dhis2-ui/layer": "10.16.3",
-        "@dhis2-ui/loader": "10.16.3",
-        "@dhis2-ui/logo": "10.16.3",
-        "@dhis2-ui/menu": "10.16.3",
-        "@dhis2-ui/modal": "10.16.3",
-        "@dhis2-ui/user-avatar": "10.16.3",
+        "@dhis2-ui/box": "10.16.4",
+        "@dhis2-ui/button": "10.16.4",
+        "@dhis2-ui/card": "10.16.4",
+        "@dhis2-ui/center": "10.16.4",
+        "@dhis2-ui/divider": "10.16.4",
+        "@dhis2-ui/input": "10.16.4",
+        "@dhis2-ui/layer": "10.16.4",
+        "@dhis2-ui/loader": "10.16.4",
+        "@dhis2-ui/logo": "10.16.4",
+        "@dhis2-ui/menu": "10.16.4",
+        "@dhis2-ui/modal": "10.16.4",
+        "@dhis2-ui/user-avatar": "10.16.4",
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "10.16.3",
-        "@dhis2/ui-icons": "10.16.3",
+        "@dhis2/ui-constants": "10.16.4",
+        "@dhis2/ui-icons": "10.16.4",
         "classnames": "^2.3.1",
         "moment": "^2.29.1",
         "prop-types": "^15.7.2"