@dhis2-ui/header-bar 10.16.3-alpha.1 → 10.16.4

package/build/cjs/notification-icon.js

@@ -22,30 +22,27 @@ function icon(kind) {
     });
   }
 }
-const NotificationIcon = _ref => {
-  let {
-    count = 0,
-    href,
-    kind,
-    dataTestId,
-    title,
-    'aria-label': ariaLabel
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("a", {
-    dir: "ltr",
-    href: href,
-    "data-test": dataTestId,
-    title: _index.default.t(title),
-    "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": `${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 ${_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};}`]));
-};
+const NotificationIcon = ({
+  count = 0,
+  href,
+  kind,
+  dataTestId,
+  title,
+  'aria-label': ariaLabel
+}) => /*#__PURE__*/_react.default.createElement("a", {
+  dir: "ltr",
+  href: href,
+  "data-test": dataTestId,
+  title: _index.default.t(title),
+  "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": `${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 ${_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.propTypes = {
   'aria-label': _propTypes.default.string.isRequired,

package/build/cjs/notifications.js

@@ -13,12 +13,11 @@ var _index = _interopRequireDefault(require("./locales/index.js"));
 var _notificationIcon = require("./notification-icon.js");
 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,
-    messages,
-    userAuthorities
-  } = _ref;
+const Notifications = ({
+  interpretations,
+  messages,
+  userAuthorities
+}) => {
   const {
     baseUrl
   } = (0, _appRuntime.useConfig)();

package/build/cjs/online-status.js

@@ -13,10 +13,9 @@ var _index = _interopRequireDefault(require("./locales/index.js"));
 var _onlineStatusStyles = _interopRequireDefault(require("./online-status.styles.js"));
 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 {
-    dense
-  } = _ref;
+function OnlineStatus({
+  dense
+}) {
   const {
     isConnected: online
   } = (0, _appRuntime.useDhis2ConnectionStatus)();

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

@@ -12,38 +12,31 @@ var _react = _interopRequireDefault(require("react"));
 var _joinPath = require("../join-path.js");
 var _index = _interopRequireDefault(require("../locales/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ProfileName = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": "headerbar-profile-username",
-    className: "jsx-2223023701"
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2223023701"
-  }, ["div.jsx-2223023701{margin-bottom:3px;font-size:16px;line-height:19px;}"]));
-};
+const ProfileName = ({
+  children
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": "headerbar-profile-username",
+  className: "jsx-2223023701"
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  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
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": "headerbar-profile-user-email",
-    className: "jsx-1072768994"
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1072768994"
-  }, ["div.jsx-1072768994{margin-bottom:6px;font-size:14px;line-height:16px;}"]));
-};
+const ProfileEmail = ({
+  children
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": "headerbar-profile-user-email",
+  className: "jsx-1072768994"
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  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
-  } = _ref3;
+const ProfileEdit = ({
+  children
+}) => {
   const {
     baseUrl
   } = (0, _appRuntime.useConfig)();
@@ -58,41 +51,35 @@ const ProfileEdit = _ref3 => {
 ProfileEdit.propTypes = {
   children: _propTypes.default.string
 };
-const ProfileDetails = _ref4 => {
-  let {
-    name,
-    email
-  } = _ref4;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-4236878114"
-  }, /*#__PURE__*/_react.default.createElement(ProfileName, null, name), /*#__PURE__*/_react.default.createElement(ProfileEmail, null, email), /*#__PURE__*/_react.default.createElement(ProfileEdit, null, _index.default.t('Edit profile')), /*#__PURE__*/_react.default.createElement(_style.default, {
-    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.default.createElement("div", {
+  className: "jsx-4236878114"
+}, /*#__PURE__*/_react.default.createElement(ProfileName, null, name), /*#__PURE__*/_react.default.createElement(ProfileEmail, null, email), /*#__PURE__*/_react.default.createElement(ProfileEdit, null, _index.default.t('Edit profile')), /*#__PURE__*/_react.default.createElement(_style.default, {
+  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,
-    email,
-    avatarId
-  } = _ref5;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-371352323"
-  }, /*#__PURE__*/_react.default.createElement(_userAvatar.UserAvatar, {
-    avatarId: avatarId,
-    name: name,
-    dataTest: "headerbar-profile-menu-icon",
-    large: true
-  }), /*#__PURE__*/_react.default.createElement(ProfileDetails, {
-    name: name,
-    email: email
-  }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    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;}"]));
-};
+const ProfileHeader = ({
+  name,
+  email,
+  avatarId
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: "jsx-371352323"
+}, /*#__PURE__*/_react.default.createElement(_userAvatar.UserAvatar, {
+  avatarId: avatarId,
+  name: name,
+  dataTest: "headerbar-profile-menu-icon",
+  large: true
+}), /*#__PURE__*/_react.default.createElement(ProfileDetails, {
+  name: name,
+  email: email
+}), /*#__PURE__*/_react.default.createElement(_style.default, {
+  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

@@ -21,23 +21,21 @@ 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(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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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,
-    email,
-    avatarId,
-    helpUrl,
-    hideProfileMenu,
-    showDebugInfoModal
-  } = _ref;
+const ProfileContents = ({
+  name,
+  email,
+  avatarId,
+  helpUrl,
+  hideProfileMenu,
+  showDebugInfoModal
+}) => {
   const {
     baseUrl
   } = (0, _appRuntime.useConfig)();
@@ -117,17 +115,14 @@ ProfileContents.propTypes = {
   helpUrl: _propTypes.default.string,
   name: _propTypes.default.string
 };
-const ProfileMenu = _ref2 => {
-  let {
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": "headerbar-profile-menu",
-    className: "jsx-3924623997"
-  }, /*#__PURE__*/_react.default.createElement(ProfileContents, props), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3924623997"
-  }, ["div.jsx-3924623997{z-index:10000;position:absolute;inset-inline-end:4px;width:320px;}"]));
-};
+const ProfileMenu = ({
+  ...props
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": "headerbar-profile-menu",
+  className: "jsx-3924623997"
+}, /*#__PURE__*/_react.default.createElement(ProfileContents, props), /*#__PURE__*/_react.default.createElement(_style.default, {
+  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

@@ -13,10 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 var _headerBarContext = require("../header-bar-context.js");
 var _index = _interopRequireDefault(require("../locales/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function UpdateNotification(_ref) {
-  let {
-    hideProfileMenu
-  } = _ref;
+function UpdateNotification({
+  hideProfileMenu
+}) {
   const {
     appName
   } = (0, _appRuntime.useConfig)();
@@ -26,7 +25,7 @@ function UpdateNotification(_ref) {
   } = (0, _headerBarContext.useHeaderBarContext)();
   const onClick = () => {
     hideProfileMenu();
-    onApplyAvailableUpdate === null || onApplyAvailableUpdate === void 0 ? void 0 : onApplyAvailableUpdate();
+    onApplyAvailableUpdate === null || onApplyAvailableUpdate === void 0 || onApplyAvailableUpdate();
   };
   const updateNotificationLabel = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["4135170305", [_uiConstants.colors.blue600]]]) + " " + "root"

package/build/cjs/profile.js

@@ -12,16 +12,14 @@ var _debugInfoModal = require("./debug-info/debug-info-modal.js");
 var _index = _interopRequireDefault(require("./locales/index.js"));
 var _useOnDocClick = require("./profile/use-on-doc-click.js");
 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Profile = _ref => {
-  let {
-    name,
-    email,
-    avatarId,
-    helpUrl
-  } = _ref;
+const Profile = ({
+  name,
+  email,
+  avatarId,
+  helpUrl
+}) => {
   const [showProfileMenu, setShowProfileMenu] = (0, _react.useState)(false);
   const [showDebugInfoModal, setShowDebugInfoModal] = (0, _react.useState)(false);
   const hideProfileMenu = (0, _react.useCallback)(() => setShowProfileMenu(false), [setShowProfileMenu]);

package/build/cjs/title.js

@@ -8,18 +8,15 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Title = _ref => {
-  let {
-    app,
-    instance
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": "headerbar-title",
-    className: "jsx-2721515324"
-  }, 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;}"]));
-};
+const Title = ({
+  app,
+  instance
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": "headerbar-title",
+  className: "jsx-2721515324"
+}, 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,

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

@@ -94,8 +94,7 @@ export const dataProviderData = {
 
 // Trailing "HeaderBar" because storybook is confusing this with the
 // helper from the org unit tree's common.js helper with the same name
-export const createDecoratorCustomDataProviderHeaderBar = function () {
-  let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dataProviderData;
+export const createDecoratorCustomDataProviderHeaderBar = (data = dataProviderData) => {
   return fn => {
     window.dataProviderData = data;
     return /*#__PURE__*/React.createElement(CustomDataProvider, {
@@ -154,10 +153,9 @@ export const providerConfig = {
   baseUrl: 'https://domain.tld/',
   apiVersion: ''
 };
-const MockAlert = _ref => {
-  let {
-    alert
-  } = _ref;
+const MockAlert = ({
+  alert
+}) => {
   useEffect(() => {
     var _alert$options;
     if ((_alert$options = alert.options) !== null && _alert$options !== void 0 && _alert$options.duration) {
@@ -202,9 +200,7 @@ export const mockOfflineInterface = {
   subscribeToDhis2ConnectionStatus: () => () => undefined,
   latestIsConnected: true
 };
-export const createDecoratorProvider = function () {
-  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : providerConfig;
-  let offlineInterface = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : mockOfflineInterface;
+export const createDecoratorProvider = (config = providerConfig, offlineInterface = mockOfflineInterface) => {
   return fn => /*#__PURE__*/React.createElement(Provider, {
     config: config,
     offlineInterface: offlineInterface

package/build/es/apps.js

@@ -16,11 +16,10 @@ import i18n from './locales/index.js';
 function escapeRegExpCharacters(text) {
   return text.replace(/[/.*+?^${}()|[\]\\]/g, '\\$&');
 }
-function Search(_ref) {
-  let {
-    value,
-    onChange
-  } = _ref;
+function Search({
+  value,
+  onChange
+}) {
   const {
     baseUrl
   } = useConfig();
@@ -49,12 +48,11 @@ Search.propTypes = {
   value: PropTypes.string.isRequired,
   onChange: PropTypes.func.isRequired
 };
-function Item(_ref2) {
-  let {
-    name,
-    path,
-    img
-  } = _ref2;
+function Item({
+  name,
+  path,
+  img
+}) {
   return /*#__PURE__*/React.createElement("a", {
     href: path,
     className: _JSXStyle.dynamic([["1412616027", [theme.primary050]]])
@@ -74,37 +72,32 @@ Item.propTypes = {
   name: PropTypes.string,
   path: PropTypes.string
 };
-function List(_ref3) {
-  let {
-    apps,
-    filter
-  } = _ref3;
+function List({
+  apps,
+  filter
+}) {
   return /*#__PURE__*/React.createElement("div", {
     "data-test": "headerbar-apps-menu-list",
     className: "jsx-2424821176"
-  }, apps.filter(_ref4 => {
-    let {
-      displayName,
-      name
-    } = _ref4;
+  }, apps.filter(({
+    displayName,
+    name
+  }) => {
     const appName = displayName || name;
     const formattedAppName = appName.toLowerCase();
     const formattedFilter = escapeRegExpCharacters(filter).toLowerCase();
     return filter.length > 0 ? formattedAppName.match(formattedFilter) : true;
-  }).map((_ref5, idx) => {
-    let {
-      displayName,
-      name,
-      defaultAction,
-      icon
-    } = _ref5;
-    return /*#__PURE__*/React.createElement(Item, {
-      key: `app-${name}-${idx}`,
-      name: displayName || name,
-      path: defaultAction,
-      img: icon
-    });
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+  }).map(({
+    displayName,
+    name,
+    defaultAction,
+    icon
+  }, idx) => /*#__PURE__*/React.createElement(Item, {
+    key: `app-${name}-${idx}`,
+    name: displayName || name,
+    path: defaultAction,
+    img: icon
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
     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;}"]));
 }
@@ -112,43 +105,36 @@ List.propTypes = {
   apps: PropTypes.array,
   filter: PropTypes.string
 };
-const AppMenu = _ref6 => {
-  let {
-    apps,
-    filter,
-    onFilterChange
-  } = _ref6;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "headerbar-apps-menu",
-    className: "jsx-3826299842"
-  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Search, {
-    value: filter,
-    onChange: onFilterChange
-  }), /*#__PURE__*/React.createElement(List, {
-    apps: apps,
-    filter: filter
-  })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3826299842"
-  }, ["div.jsx-3826299842{z-index:10000;position:absolute;inset-inline-end:-4px;}"]));
-};
+const AppMenu = ({
+  apps,
+  filter,
+  onFilterChange
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": "headerbar-apps-menu",
+  className: "jsx-3826299842"
+}, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Search, {
+  value: filter,
+  onChange: onFilterChange
+}), /*#__PURE__*/React.createElement(List, {
+  apps: apps,
+  filter: filter
+})), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3826299842"
+}, ["div.jsx-3826299842{z-index:10000;position:absolute;inset-inline-end:-4px;}"]));
 AppMenu.propTypes = {
   apps: PropTypes.array.isRequired,
   onFilterChange: PropTypes.func.isRequired,
   filter: PropTypes.string
 };
-const Apps = _ref7 => {
-  let {
-    apps
-  } = _ref7;
+const Apps = ({
+  apps
+}) => {
   const [show, setShow] = useState(false);
   const [filter, setFilter] = useState('');
   const handleVisibilityToggle = useCallback(() => setShow(!show), [show]);
-  const handleFilterChange = useCallback(_ref8 => {
-    let {
-      value
-    } = _ref8;
-    return setFilter(value);
-  }, []);
+  const handleFilterChange = useCallback(({
+    value
+  }) => setFilter(value), []);
   const containerEl = useRef(null);
   const onDocClick = useCallback(evt => {
     if (containerEl.current && !containerEl.current.contains(evt.target)) {

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

@@ -5,11 +5,10 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../locales/index.js';
 import { useDebugInfo } from './use-debug-info.js';
-export const DebugInfoMenuItem = _ref => {
-  let {
-    hideProfileMenu,
-    showDebugInfoModal
-  } = _ref;
+export const DebugInfoMenuItem = ({
+  hideProfileMenu,
+  showDebugInfoModal
+}) => {
   const debugInfo = useDebugInfo();
   const openDebugModal = () => {
     hideProfileMenu();

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

@@ -6,10 +6,9 @@ import React from 'react';
 import i18n from '../locales/index.js';
 import { DebugInfoTable } from './debug-info-table.js';
 import { useFormattedDebugInfo } from './use-debug-info.js';
-export function DebugInfoModal(_ref) {
-  let {
-    onClose
-  } = _ref;
+export function DebugInfoModal({
+  onClose
+}) {
   const debugInfo = useFormattedDebugInfo();
   const {
     show: showClipboardAlert

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

@@ -1,7 +1,6 @@
 import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains the user name', () => {
-  cy.all(() => cy.window(), () => cy.get('[data-test="headerbar-profile-username"]')).then(_ref => {
-    let [win, $name] = _ref;
+  cy.all(() => cy.window(), () => cy.get('[data-test="headerbar-profile-username"]')).then(([win, $name]) => {
     console.log('win.dataProviderData', win.dataProviderData);
     const {
       name
@@ -10,8 +9,7 @@ Then('contains the user name', () => {
   });
 });
 Then('contains the user email', () => {
-  cy.all(() => cy.window(), () => cy.get('[data-test="headerbar-profile-user-email"]')).then(_ref2 => {
-    let [win, $email] = _ref2;
+  cy.all(() => cy.window(), () => cy.get('[data-test="headerbar-profile-user-email"]')).then(([win, $email]) => {
     const {
       email
     } = win.dataProviderData.me;

package/build/es/features/the_search_should_escape_regexp_character/the_modules_do_not_contain_items_with_special_chars.js

@@ -1,8 +1,7 @@
 import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given(/no app name contains a (.*)/, character => {
   // Needs to be wrapped, otherwise for some reason the wrong char is in the scope
-  cy.all(() => cy.window(), () => cy.wrap(character)).then(_ref => {
-    let [win, char] = _ref;
+  cy.all(() => cy.window(), () => cy.wrap(character)).then(([win, char]) => {
     const {
       dataProviderData
     } = win;

package/build/es/header-bar-context.js

@@ -4,12 +4,11 @@ const headerBarContext = /*#__PURE__*/createContext({
   updateAvailable: false,
   onApplyAvailableUpdate: () => {}
 });
-export const HeaderBarContextProvider = _ref => {
-  let {
-    updateAvailable,
-    onApplyAvailableUpdate,
-    children
-  } = _ref;
+export const HeaderBarContextProvider = ({
+  updateAvailable,
+  onApplyAvailableUpdate,
+  children
+}) => {
   return /*#__PURE__*/React.createElement(headerBarContext.Provider, {
     value: {
       updateAvailable,