@dhis2-ui/header-bar 8.2.0 → 8.2.1

package/build/es/notifications.js

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

package/build/es/online-status.js

@@ -7,10 +7,11 @@ import React from 'react';
 import i18n from './locales/index.js';
 import styles from './online-status.styles.js';
 
-const useOnlineStatusInfo = ({
-  online,
-  lastOnline
-}) => {
+const useOnlineStatusInfo = _ref => {
+  let {
+    online,
+    lastOnline
+  } = _ref;
   const {
     headerbar
   } = useConfig();
@@ -27,9 +28,10 @@ const useOnlineStatusInfo = ({
 /** A badge to display online/offline status in the header bar */
 
 
-export function OnlineStatus({
-  dense
-}) {
+export function OnlineStatus(_ref2) {
+  let {
+    dense
+  } = _ref2;
   const {
     online,
     lastOnline
@@ -41,15 +43,15 @@ export function OnlineStatus({
   const displayStatus = online ? i18n.t('Online') : i18n.t('Offline');
   return /*#__PURE__*/React.createElement("div", {
     "data-test": "headerbar-online-status",
-    className: `jsx-${styles.__hash}` + " " + (cx('container', dense ? 'bar' : 'badge') || "")
+    className: "jsx-".concat(styles.__hash) + " " + (cx('container', dense ? 'bar' : 'badge') || "")
   }, info && !dense && /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + "info unselectable"
+    className: "jsx-".concat(styles.__hash) + " " + "info unselectable"
   }, info), /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${styles.__hash}` + " " + (cx('icon', online ? 'online' : 'offline') || "")
+    className: "jsx-".concat(styles.__hash) + " " + (cx('icon', online ? 'online' : 'offline') || "")
   }), /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + "label unselectable"
+    className: "jsx-".concat(styles.__hash) + " " + "label unselectable"
   }, displayStatus), info && dense && /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + "info-dense unselectable"
+    className: "jsx-".concat(styles.__hash) + " " + "info-dense unselectable"
   }, info), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));

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

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui-constants';
-const _defaultExport = [`.container.jsx-1778673733{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:${colors.grey100};}`, `.container.badge.jsx-1778673733{margin-right:${spacers.dp24};padding:${spacers.dp8};border-radius:5px;font-size:14px;}`, `.container.bar.jsx-1778673733{display:none;padding:0px ${spacers.dp4};min-height:24px;font-size:13px;}`, "@media (max-width:480px){.container.badge.jsx-1778673733{display:none;}.container.bar.jsx-1778673733{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-1778673733{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", `.info.jsx-1778673733{margin-right:${spacers.dp16};}`, `.info-dense.jsx-1778673733{margin-left:${spacers.dp12};font-size:12px;}`, `.icon.jsx-1778673733{width:8px;height:8px;border-radius:8px;margin-right:${spacers.dp4};}`, `.icon.online.jsx-1778673733{background-color:${colors.teal400};}`, `.icon.offline.jsx-1778673733{background-color:transparent;border:1px solid ${colors.yellow300};}`, `.icon.reconnecting.jsx-1778673733{background:${colors.grey300};-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-1778673733 2s linear infinite;animation:fadeinout-jsx-1778673733 2s linear infinite;opacity:0;}`, "@-webkit-keyframes fadeinout{50%.jsx-1778673733{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-1778673733{50%{opacity:1;}}", "@keyframes fadeinout-jsx-1778673733{50%{opacity:1;}}", ".label.jsx-1778673733{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
+const _defaultExport = [".container.jsx-1778673733{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(colors.grey100, ";}"), ".container.badge.jsx-1778673733{margin-right:".concat(spacers.dp24, ";padding:").concat(spacers.dp8, ";border-radius:5px;font-size:14px;}"), ".container.bar.jsx-1778673733{display:none;padding:0px ".concat(spacers.dp4, ";min-height:24px;font-size:13px;}"), "@media (max-width:480px){.container.badge.jsx-1778673733{display:none;}.container.bar.jsx-1778673733{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-1778673733{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".info.jsx-1778673733{margin-right:".concat(spacers.dp16, ";}"), ".info-dense.jsx-1778673733{margin-left:".concat(spacers.dp12, ";font-size:12px;}"), ".icon.jsx-1778673733{width:8px;height:8px;border-radius:8px;margin-right:".concat(spacers.dp4, ";}"), ".icon.online.jsx-1778673733{background-color:".concat(colors.teal400, ";}"), ".icon.offline.jsx-1778673733{background-color:transparent;border:1px solid ".concat(colors.yellow300, ";}"), ".icon.reconnecting.jsx-1778673733{background:".concat(colors.grey300, ";-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-1778673733 2s linear infinite;animation:fadeinout-jsx-1778673733 2s linear infinite;opacity:0;}"), "@-webkit-keyframes fadeinout{50%.jsx-1778673733{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-1778673733{50%{opacity:1;}}", "@keyframes fadeinout-jsx-1778673733{50%{opacity:1;}}", ".label.jsx-1778673733{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
 _defaultExport.__hash = "1778673733";
 export default _defaultExport;

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

@@ -6,35 +6,42 @@ import React from 'react';
 import { joinPath } from '../join-path.js';
 import i18n from '../locales/index.js';
 
-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;}"]));
+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;}"]));
+};
 
 ProfileName.propTypes = {
   children: PropTypes.string
 };
 
-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;}"]));
+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;}"]));
+};
 
 ProfileEmail.propTypes = {
   children: PropTypes.string
 };
 
-const ProfileEdit = ({
-  children
-}) => {
+const ProfileEdit = _ref3 => {
+  let {
+    children
+  } = _ref3;
   const {
     baseUrl
   } = useConfig();
@@ -51,36 +58,42 @@ ProfileEdit.propTypes = {
   children: PropTypes.string
 };
 
-const ProfileDetails = ({
-  name,
-  email
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "jsx-3814112749"
-}, /*#__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: "3814112749"
-}, ["div.jsx-3814112749{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:20px;color:#000;font-size:14px;font-weight:400;}"]));
+const ProfileDetails = _ref4 => {
+  let {
+    name,
+    email
+  } = _ref4;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "jsx-3814112749"
+  }, /*#__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: "3814112749"
+  }, ["div.jsx-3814112749{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:20px;color:#000;font-size:14px;font-weight:400;}"]));
+};
 
 ProfileDetails.propTypes = {
   email: PropTypes.string,
   name: PropTypes.string
 };
-export const ProfileHeader = ({
-  name,
-  email,
-  avatarId
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "jsx-3625287538"
-}, /*#__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: "3625287538"
-}, ["div.jsx-3625287538{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-left:24px;padding-top:20px;}"]));
+export const ProfileHeader = _ref5 => {
+  let {
+    name,
+    email,
+    avatarId
+  } = _ref5;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "jsx-3625287538"
+  }, /*#__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: "3625287538"
+  }, ["div.jsx-3625287538{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-left:24px;padding-top:20px;}"]));
+};
 ProfileHeader.propTypes = {
   avatarId: PropTypes.string,
   email: PropTypes.string,

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

@@ -20,12 +20,13 @@ const LoadingMask = () => /*#__PURE__*/React.createElement(Layer, {
   dataTest: "headerbar-profile-menu-loading-mask"
 }, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(CircularLoader, null)));
 
-const ProfileContents = ({
-  name,
-  email,
-  avatarId,
-  helpUrl
-}) => {
+const ProfileContents = _ref => {
+  let {
+    name,
+    email,
+    avatarId,
+    helpUrl
+  } = _ref;
   const {
     baseUrl
   } = useConfig();
@@ -96,22 +97,25 @@ ProfileContents.propTypes = {
   helpUrl: PropTypes.string,
   name: PropTypes.string
 };
-export const ProfileMenu = ({
-  avatarId,
-  name,
-  email,
-  helpUrl
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": "headerbar-profile-menu",
-  className: "jsx-3620236321"
-}, /*#__PURE__*/React.createElement(ProfileContents, {
-  name: name,
-  email: email,
-  avatarId: avatarId,
-  helpUrl: helpUrl
-}), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3620236321"
-}, ["div.jsx-3620236321{z-index:10000;position:absolute;top:34px;right:-6px;width:310px;border-top:4px solid transparent;}"]));
+export const ProfileMenu = _ref2 => {
+  let {
+    avatarId,
+    name,
+    email,
+    helpUrl
+  } = _ref2;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": "headerbar-profile-menu",
+    className: "jsx-3620236321"
+  }, /*#__PURE__*/React.createElement(ProfileContents, {
+    name: name,
+    email: email,
+    avatarId: avatarId,
+    helpUrl: helpUrl
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3620236321"
+  }, ["div.jsx-3620236321{z-index:10000;position:absolute;top:34px;right:-6px;width:310px;border-top:4px solid transparent;}"]));
+};
 ProfileMenu.propTypes = {
   avatarId: PropTypes.string,
   email: PropTypes.string,

package/build/es/profile.js

@@ -7,8 +7,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { ProfileMenu } from './profile/profile-menu.js';
 export default class Profile extends React.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       show: false

package/build/es/title.js

@@ -1,15 +1,18 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-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;}"]));
+export const Title = _ref => {
+  let {
+    app,
+    instance
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": "headerbar-title",
+    className: "jsx-2721515324"
+  }, app ? "".concat(instance, " - ").concat(app) : "".concat(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": "8.2.0",
+    "version": "8.2.1",
     "description": "UI HeaderBar",
     "repository": {
         "type": "git",
@@ -34,18 +34,18 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2-ui/box": "8.2.0",
-        "@dhis2-ui/card": "8.2.0",
-        "@dhis2-ui/center": "8.2.0",
-        "@dhis2-ui/divider": "8.2.0",
-        "@dhis2-ui/input": "8.2.0",
-        "@dhis2-ui/layer": "8.2.0",
-        "@dhis2-ui/loader": "8.2.0",
-        "@dhis2-ui/logo": "8.2.0",
-        "@dhis2-ui/menu": "8.2.0",
-        "@dhis2-ui/user-avatar": "8.2.0",
-        "@dhis2/ui-constants": "8.2.0",
-        "@dhis2/ui-icons": "8.2.0",
+        "@dhis2-ui/box": "8.2.1",
+        "@dhis2-ui/card": "8.2.1",
+        "@dhis2-ui/center": "8.2.1",
+        "@dhis2-ui/divider": "8.2.1",
+        "@dhis2-ui/input": "8.2.1",
+        "@dhis2-ui/layer": "8.2.1",
+        "@dhis2-ui/loader": "8.2.1",
+        "@dhis2-ui/logo": "8.2.1",
+        "@dhis2-ui/menu": "8.2.1",
+        "@dhis2-ui/user-avatar": "8.2.1",
+        "@dhis2/ui-constants": "8.2.1",
+        "@dhis2/ui-icons": "8.2.1",
         "classnames": "^2.3.1",
         "moment": "^2.29.1",
         "prop-types": "^15.7.2"