cozy-bar 18.2.0 → 19.0.0

package/README.md

@@ -22,10 +22,19 @@ The CozyBar is a banner on the top of your application, responsible of cross-app
 The library requires your markup to contain an element with `role=application`. The DOM of the banner will be added before this element.
 
 ### Installation
+
+1. Add the package
+
 ```sh
 yarn add cozy-bar
 ```
 
+2. Add the CSS
+
+```jsx
+import 'cozy-bar/dist/stylesheet.css'`
+```
+
 ### How to use
 
 You need to include the `BarComponent` into your react tree :

package/dist/components/Apps/AppItem.js

@@ -1,57 +1,40 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AppItem = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cozyClient = require("cozy-client");
-
 var _AppIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/AppIcon"));
-
 var _AppLinker = _interopRequireDefault(require("cozy-ui/transpiled/react/AppLinker"));
-
 var _IconCozyHome = _interopRequireDefault(require("./IconCozyHome"));
-
 var _proptypes = require("../../proptypes");
-
 var _stack = _interopRequireDefault(require("../../lib/stack"));
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
 var getAppDisplayName = (0, _get.default)(_cozyClient.models, 'applications.getAppDisplayName', function (app) {
   return app.namePrefix && app.namePrefix.toLowerCase() !== 'cozy' ? "".concat(app.namePrefix, " ").concat(app.name) : app.name;
 });
-
-var AppItem = function AppItem(_ref) {
+var AppItem = exports.AppItem = function AppItem(_ref) {
   var onAppSwitch = _ref.onAppSwitch,
-      useHomeIcon = _ref.useHomeIcon,
-      app = _ref.app,
-      isInvertedTheme = _ref.isInvertedTheme;
-
+    useHomeIcon = _ref.useHomeIcon,
+    app = _ref.app,
+    isInvertedTheme = _ref.isInvertedTheme;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      switchTimeout = _useState2[0],
-      setSwitchTimeout = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    switchTimeout = _useState2[0],
+    setSwitchTimeout = _useState2[1];
   (0, _react.useEffect)(function () {
     return function () {
       if (switchTimeout) clearTimeout(switchTimeout);
     };
   }, [switchTimeout]);
-
   var switchApp = function switchApp() {
     if (typeof onAppSwitch === 'function') {
       setSwitchTimeout(setTimeout(function () {
@@ -59,7 +42,6 @@ var AppItem = function AppItem(_ref) {
       }, 1000));
     }
   };
-
   var dataIcon = app.slug ? "icon-".concat(app.slug) : '';
   var appName = getAppDisplayName(app);
   return /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
@@ -68,7 +50,7 @@ var AppItem = function AppItem(_ref) {
     app: app
   }, function (_ref2) {
     var onClick = _ref2.onClick,
-        href = _ref2.href;
+      href = _ref2.href;
     return /*#__PURE__*/_react.default.createElement("li", {
       className: "coz-nav-apps-item".concat(app.isCurrentApp ? ' coz-nav-apps-item--current' : '')
     }, /*#__PURE__*/_react.default.createElement("a", {
@@ -89,13 +71,10 @@ var AppItem = function AppItem(_ref) {
     }, appName)));
   });
 };
-
-exports.AppItem = AppItem;
 AppItem.propTypes = {
   app: _proptypes.appShape.isRequired,
   useHomeIcon: _propTypes.default.bool,
   isInvertedTheme: _propTypes.default.bool,
   onAppSwitch: _propTypes.default.func
 };
-var _default = AppItem;
-exports.default = _default;
+var _default = exports.default = AppItem;

package/dist/components/Apps/AppItemPlaceholder.js

@@ -1,15 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AppItemPlaceholder = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var AppItemPlaceholder = function AppItemPlaceholder() {
+var AppItemPlaceholder = exports.AppItemPlaceholder = function AppItemPlaceholder() {
   return /*#__PURE__*/_react.default.createElement("li", {
     className: "coz-nav-apps-item"
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -21,7 +18,4 @@ var AppItemPlaceholder = function AppItemPlaceholder() {
     className: "coz-label coz-loading-placeholder"
   })));
 };
-
-exports.AppItemPlaceholder = AppItemPlaceholder;
-var _default = AppItemPlaceholder;
-exports.default = _default;
+var _default = exports.default = AppItemPlaceholder;

package/dist/components/Apps/AppNavButtons.js

@@ -1,47 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRedux = require("react-redux");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Bottom = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Bottom"));
-
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
 var _Top = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Top"));
-
 var _ButtonCozyHome = require("./ButtonCozyHome");
-
 var _reducers = require("../../lib/reducers");
-
 var _useI18n2 = _interopRequireDefault(require("../useI18n"));
-
 var AppNavButton = function AppNavButton(_ref) {
   var homeApp = _ref.homeApp,
-      handleClick = _ref.handleClick,
-      appName = _ref.appName,
-      appNamePrefix = _ref.appNamePrefix,
-      appSlug = _ref.appSlug,
-      iconPath = _ref.iconPath,
-      isInvertedTheme = _ref.isInvertedTheme,
-      isFetchingApps = _ref.isFetchingApps,
-      isPublic = _ref.isPublic,
-      opened = _ref.opened;
-
+    handleClick = _ref.handleClick,
+    appName = _ref.appName,
+    appNamePrefix = _ref.appNamePrefix,
+    appSlug = _ref.appSlug,
+    iconPath = _ref.iconPath,
+    isInvertedTheme = _ref.isInvertedTheme,
+    isFetchingApps = _ref.isFetchingApps,
+    isPublic = _ref.isPublic,
+    opened = _ref.opened;
   var _useI18n = (0, _useI18n2.default)(),
-      t = _useI18n.t;
-
+    t = _useI18n.t;
   var isHomeApp = homeApp && homeApp.isCurrentApp;
-
   if (!isPublic && isFetchingApps) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "coz-nav-apps-btns coz-nav-apps-btns--loading"
@@ -51,7 +37,6 @@ var AppNavButton = function AppNavButton(_ref) {
       className: "coz-nav-apps-btns-main coz-loading-placeholder"
     }));
   }
-
   var displayName = !isHomeApp && appNamePrefix ? [t("".concat(appSlug, ".name_prefix"), {
     _: appNamePrefix
   }), t("".concat(appSlug, ".name"), {
@@ -87,7 +72,6 @@ var AppNavButton = function AppNavButton(_ref) {
     size: "12"
   })));
 };
-
 AppNavButton.propTypes = {
   homeApp: _propTypes.default.shape({
     isCurrentApp: _propTypes.default.bool,
@@ -104,18 +88,13 @@ AppNavButton.propTypes = {
   isPublic: _propTypes.default.bool,
   opened: _propTypes.default.bool
 };
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     homeApp: (0, _reducers.getHomeApp)(state),
     isFetchingApps: (0, _reducers.isFetchingApps)(state)
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps() {
   return {};
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(AppNavButton);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(AppNavButton);

package/dist/components/Apps/AppsContent.js

@@ -1,61 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AppsContent = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRedux = require("react-redux");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
 var _Cloud = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cloud"));
-
 var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
-
 var _reducers = require("../../lib/reducers");
-
 var _AppItem = _interopRequireDefault(require("./AppItem"));
-
 var _AppItemPlaceholder = _interopRequireDefault(require("./AppItemPlaceholder"));
-
 var _useI18n2 = _interopRequireDefault(require("../useI18n"));
-
 var sorter = function sorter(fn) {
   return function (itemA, itemB) {
     return fn(itemA) > fn(itemB);
   };
 };
-
-var AppsContent = function AppsContent(_ref) {
+var AppsContent = exports.AppsContent = function AppsContent(_ref) {
   var apps = _ref.apps,
-      homeApp = _ref.homeApp,
-      isFetchingApps = _ref.isFetchingApps,
-      onAppSwitch = _ref.onAppSwitch,
-      isInvertedTheme = _ref.isInvertedTheme;
-
+    homeApp = _ref.homeApp,
+    isFetchingApps = _ref.isFetchingApps,
+    onAppSwitch = _ref.onAppSwitch,
+    isInvertedTheme = _ref.isInvertedTheme;
   var _useI18n = (0, _useI18n2.default)(),
-      t = _useI18n.t;
-
+    t = _useI18n.t;
   var _useBreakpoints = (0, _Breakpoints.default)(),
-      isMobile = _useBreakpoints.isMobile;
-
+    isMobile = _useBreakpoints.isMobile;
   var translateAppWithLocales = translateApp(t);
   var isHomeApp = homeApp && homeApp.isCurrentApp;
   var homeSlug = homeApp && homeApp.slug;
-
   if (!isFetchingApps && (!apps || !apps.length)) {
     return /*#__PURE__*/_react.default.createElement("p", {
       className: "coz-nav--error coz-nav-group"
     }, t('no_apps'));
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "coz-nav-pop-content"
   }, /*#__PURE__*/_react.default.createElement("ul", {
@@ -86,8 +68,6 @@ var AppsContent = function AppsContent(_ref) {
     icon: _Cloud.default
   }), t('menu.home')));
 };
-
-exports.AppsContent = AppsContent;
 AppsContent.propTypes = {
   homeApp: _propTypes.default.shape({
     isCurrentApp: _propTypes.default.bool,
@@ -99,7 +79,6 @@ AppsContent.propTypes = {
   onAppSwitch: _propTypes.default.func,
   isInvertedTheme: _propTypes.default.bool
 };
-
 var translateApp = function translateApp(t) {
   return function (app) {
     var namePrefix = app.namePrefix ? t("".concat(app.slug, ".namePrefix"), {
@@ -111,7 +90,6 @@ var translateApp = function translateApp(t) {
     return namePrefix ? "".concat(namePrefix, " ").concat(name) : "".concat(name);
   };
 };
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     apps: (0, _reducers.getApps)(state),
@@ -119,7 +97,4 @@ var mapStateToProps = function mapStateToProps(state) {
     isFetchingApps: (0, _reducers.isFetchingApps)(state)
   };
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps)(AppsContent);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps)(AppsContent);

package/dist/components/Apps/ButtonCozyHome.js

@@ -1,27 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonCozyHome = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-
 var _cozyDeviceHelper = require("cozy-device-helper");
-
 var _cozyIntent = require("cozy-intent");
-
 var _IconCozyHome = _interopRequireDefault(require("./IconCozyHome"));
-
-var ButtonCozyHome = function ButtonCozyHome(_ref) {
+var ButtonCozyHome = exports.ButtonCozyHome = function ButtonCozyHome(_ref) {
   var homeHref = _ref.homeHref,
-      isInvertedTheme = _ref.isInvertedTheme;
+    isInvertedTheme = _ref.isInvertedTheme;
   var webviewIntent = (0, _cozyIntent.useWebviewIntent)();
   if ((0, _cozyDeviceHelper.isFlagshipApp)() || (0, _cozyFlags.default)('flagship.debug')) return /*#__PURE__*/_react.default.createElement("a", {
     onClick: function onClick() {
@@ -33,7 +25,6 @@ var ButtonCozyHome = function ButtonCozyHome(_ref) {
     className: "coz-nav-apps-btns-home-svg",
     isInvertedTheme: isInvertedTheme
   }));
-
   if (homeHref) {
     return /*#__PURE__*/_react.default.createElement("a", {
       href: homeHref,
@@ -43,7 +34,6 @@ var ButtonCozyHome = function ButtonCozyHome(_ref) {
       isInvertedTheme: isInvertedTheme
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "coz-nav-apps-btns-home"
   }, /*#__PURE__*/_react.default.createElement(_IconCozyHome.default, {
@@ -51,8 +41,6 @@ var ButtonCozyHome = function ButtonCozyHome(_ref) {
     isInvertedTheme: isInvertedTheme
   }));
 };
-
-exports.ButtonCozyHome = ButtonCozyHome;
 ButtonCozyHome.propTypes = {
   homeHref: _propTypes.default.string,
   isInvertedTheme: _propTypes.default.bool

package/dist/components/Apps/IconCozyHome.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _AppIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/AppIcon"));
-
 var _stack = _interopRequireDefault(require("../../lib/stack"));
-
 var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
-
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
-
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
 var _TwakeWorkplace = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/TwakeWorkplace"));
-
 /* Generated with node_modules/.bin/svgr src/assets/sprites/icon-cozy-home.svg  */
 function SvgIconCozyHome(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
@@ -44,14 +33,11 @@ function SvgIconCozyHome(props) {
     fill: "#FFF"
   })));
 }
-
 var IconCozyHome = function IconCozyHome(_ref) {
   var className = _ref.className,
-      isInvertedTheme = _ref.isInvertedTheme;
-
+    isInvertedTheme = _ref.isInvertedTheme;
   var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
-      isMobile = _useBreakpoints.isMobile;
-
+    isMobile = _useBreakpoints.isMobile;
   if ((0, _isTwakeTheme.isTwakeTheme)()) {
     return /*#__PURE__*/_react.default.createElement(_Icon.default, {
       icon: _TwakeWorkplace.default,
@@ -59,25 +45,20 @@ var IconCozyHome = function IconCozyHome(_ref) {
       className: isMobile ? 'u-ml-half' : undefined
     });
   }
-
   var fetchIcon = function fetchIcon() {
     if (isInvertedTheme) {
       return "".concat(_stack.default.get.cozyURL(), "/assets/images/icon-cozy-home-inverted.svg");
     }
-
     return "".concat(_stack.default.get.cozyURL(), "/assets/images/icon-cozy-home.svg");
   };
-
   return /*#__PURE__*/_react.default.createElement(_AppIcon.default, {
     fetchIcon: fetchIcon,
     fallbackIcon: SvgIconCozyHome,
     className: className
   });
 };
-
 IconCozyHome.propTypes = {
   className: _propTypes.default.string,
   isInvertedTheme: _propTypes.default.bool
 };
-var _default = IconCozyHome;
-exports.default = _default;
+var _default = exports.default = IconCozyHome;

package/dist/components/Apps/index.js

@@ -1,37 +1,28 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _AppsContent = _interopRequireDefault(require("./AppsContent"));
-
 var _AppNavButtons = _interopRequireDefault(require("./AppNavButtons"));
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
 var Apps = function Apps(_ref) {
   var appName = _ref.appName,
-      appNamePrefix = _ref.appNamePrefix,
-      appSlug = _ref.appSlug,
-      iconPath = _ref.iconPath,
-      isPublic = _ref.isPublic,
-      isInvertedTheme = _ref.isInvertedTheme;
-
+    appNamePrefix = _ref.appNamePrefix,
+    appSlug = _ref.appSlug,
+    iconPath = _ref.iconPath,
+    isPublic = _ref.isPublic,
+    isInvertedTheme = _ref.isInvertedTheme;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOpen = _useState2[0],
+    setOpen = _useState2[1];
   var rootRef = (0, _react.useRef)();
   var modalContainer = (0, _react.useRef)();
   var onClickOutside = (0, _react.useCallback)(function (event) {
@@ -50,12 +41,11 @@ var Apps = function Apps(_ref) {
       document.body.removeEventListener('click', onClickOutside);
     };
   }, [onClickOutside]);
-
   var toggleMenu = function toggleMenu() {
     setOpen(!isOpen);
-  }; // data-tutorial attribute allows to be targeted in an application tutorial
-
+  };
 
+  // data-tutorial attribute allows to be targeted in an application tutorial
   return /*#__PURE__*/_react.default.createElement("nav", {
     className: "coz-nav coz-nav-apps",
     ref: rootRef
@@ -76,7 +66,6 @@ var Apps = function Apps(_ref) {
     isInvertedTheme: isInvertedTheme
   })));
 };
-
 Apps.propTypes = {
   appName: _propTypes.default.string,
   appNamePrefix: _propTypes.default.string,
@@ -85,5 +74,4 @@ Apps.propTypes = {
   isPublic: _propTypes.default.bool,
   isInvertedTheme: _propTypes.default.bool
 };
-var _default = Apps;
-exports.default = _default;
+var _default = exports.default = Apps;

package/dist/components/AppsMenu/AppsMenuContent.js

@@ -1,57 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AppsMenuContent = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRedux = require("react-redux");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
 var _applications = require("cozy-client/dist/models/applications");
-
 var _AppItem = _interopRequireDefault(require("./components/AppItem"));
-
 var _AppItemPlaceholder = _interopRequireDefault(require("./components/AppItemPlaceholder"));
-
 var _useI18n2 = _interopRequireDefault(require("../useI18n"));
-
 var _reducers = require("../../lib/reducers");
-
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
   "apps-menu-grid-item": "apps-menu-grid-item"
 };
-
 var sorter = function sorter(fn) {
   return function (itemA, itemB) {
     return fn(itemA) > fn(itemB);
   };
 };
-
-var AppsMenuContent = function AppsMenuContent(_ref) {
+var AppsMenuContent = exports.AppsMenuContent = function AppsMenuContent(_ref) {
   var isFetchingApps = _ref.isFetchingApps,
-      apps = _ref.apps,
-      homeApp = _ref.homeApp;
-
+    apps = _ref.apps,
+    homeApp = _ref.homeApp;
   var _useI18n = (0, _useI18n2.default)(),
-      t = _useI18n.t;
-
+    t = _useI18n.t;
   if (!isFetchingApps && (!apps || !apps.length)) {
     return /*#__PURE__*/_react.default.createElement(_Typography.default, {
       className: "u-mh-half",
       color: "error"
     }, t('no_apps'));
   }
-
   if (isFetchingApps) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: styles['apps-menu-grid']
@@ -63,7 +47,6 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
       key: "3"
     }));
   }
-
   var homeSlug = homeApp && homeApp.slug;
   var displayedApps = apps.filter(function (app) {
     return app.slug !== homeSlug;
@@ -77,8 +60,6 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
     });
   }));
 };
-
-exports.AppsMenuContent = AppsMenuContent;
 AppsMenuContent.propTypes = {
   apps: _propTypes.default.array,
   isFetchingApps: _propTypes.default.bool.isRequired,
@@ -89,7 +70,6 @@ AppsMenuContent.propTypes = {
   }),
   className: _propTypes.default.string
 };
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     isFetchingApps: (0, _reducers.isFetchingApps)(state),
@@ -97,7 +77,4 @@ var mapStateToProps = function mapStateToProps(state) {
     homeApp: (0, _reducers.getHomeApp)(state)
   };
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps)(AppsMenuContent);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps)(AppsMenuContent);