cozy-bar 31.0.0 → 33.0.0

package/README.md

@@ -2,21 +2,18 @@
 [![NPM release version shield](https://img.shields.io/npm/v/cozy-bar.svg)](https://www.npmjs.com/package/cozy-bar)
 [![NPM Licence shield](https://img.shields.io/npm/l/cozy-bar.svg)](https://github.com/cozy/cozy-bar/blob/master/LICENSE)
 
-
-# [Cozy] Bar Library
+# \[Cozy]\[] Bar Library
 
 ## What's Cozy?
 
 ![Cozy Logo](https://cdn.rawgit.com/cozy/cozy-guidelines/master/templates/cozy_logo_small.svg)
 
-[Cozy] is a platform that brings all your web services in the same private space.  With it, your webapps and your devices can share data easily, providing you with a new experience. You can install Cozy on your own hardware where no one's tracking you.
-
+\[Cozy]\[] is a platform that brings all your web services in the same private space.  With it, your webapps and your devices can share data easily, providing you with a new experience. You can install Cozy on your own hardware where no one's tracking you.
 
 ## What's CozyBar ?
 
 The CozyBar is a banner on the top of your application, responsible of cross-apps navigation, user facilities, intents, etc. This is a React component.
 
-
 ## Getting started
 
 The library requires your markup to contain an element with `role=application`. The DOM of the banner will be added before this element.
@@ -32,7 +29,7 @@ yarn add cozy-bar
 2. Add the CSS
 
 ```jsx
-import 'cozy-bar/dist/stylesheet.css'`
+import 'cozy-bar/dist/stylesheet.css'
 ```
 
 ### How to use
@@ -46,12 +43,14 @@ import { BarComponent } from 'cozy-bar'
 ```
 
 The `BarComponent` will get default params into `data-cozy` attribute of the element `role=application`. You can still customize this parameter through props:
+
 - `appName`: The name of the app.
 - `appNamePrefix`: The prefix of the app. Originally used for apps maintained by Cozy Cloud teams.
 - `appSlug`: The slug of the app.
 - `iconPath`: The path to the app icon. Defaults to a blank GIF
 
 There is also other parameter to adapt the bar to your app:
+
 - `isInvertedTheme`: To make the icon of Cozy(`icon-cozy-home.svg`) compatible with an inverted theme
 - `isPublic`: To show the public version of the Bar
 - `onLogout`: A callback to react to the logout of the user
@@ -105,6 +104,7 @@ Search and AI assistant is now proposed by the cozy-bar. They are enabled by def
 1. Setup the search
 
 In the app using the cozy-bar :
+
 - cozy-dataproxy-lib must be installed
 - DataProxyProvider must be added before BarProvider
 - If you want to use the AI assistant, you need to add [the following permissions](https://github.com/cozy/cozy-libs/tree/master/packages/cozy-search#prerequisite-for-ai-components)
@@ -127,7 +127,7 @@ import { BarRoutes } from 'cozy-bar'
 3. You can still disabled the search
 
 ```jsx
-`<BarComponent searchOptions={{ enabled: false }} />`
+<BarComponent searchOptions={{ enabled: false }} />
 ```
 
 ## Change theme bar
@@ -143,10 +143,6 @@ setTheme('default')
 setTheme('primary')
 ```
 
-## Migrate from previous version
-
-If you're migrating from v7, check out [the migration guide for v7](/docs/upgrading/v7.md). If you're migrating from an other version, check out [the migration guide](/docs/upgrading/v8.md). If you need to find the code for v7, [it is on the v7-stable branch](https://github.com/cozy/cozy-bar/tree/v7-stable).
-
 ## Debugging
 
 It is possible to activate the logger from the bar by activating the flag 'bar.debug'.
@@ -156,10 +152,9 @@ Then you have to reload the page.
 flag(bar.debug, true)
 ```
 
-Development mode
-----------
+## Development mode
 
-* Then, follow these steps:
+- Then, follow these steps:
 
 `$ yarn link` // in cozy-bar
 
@@ -168,49 +163,3 @@ Development mode
 `$ yarn start` // in cozy-bar
 
 `$ yarn start` // in the cozy-app
-
-Contribute
-----------
-
-If you want to work on cozy-bar itself and submit code modifications, feel free to open pull-requests! See the [contributing guide][contribute] for more information about this repository structure, testing, linting and how to properly open pull-requests.
-
-
-## Community
-
-### Localization
-
-Localization and translations are handled by [Transifex][tx], which is used by all Cozy's apps.
-
-As a _translator_, you can login to [Transifex][tx-signin] (using your Github account) and claim an access to the [app repository][tx-app]. Locales are pulled when app is build before publishing.
-
-As a _developer_, you just have to modify json in `/src/locales`. New locales will be automatically added to Transifex. If you need to pull or push manually locales, you can use [Transifex CLI](tx-cli). If you were using a [transifex-client](tx-client), you must move to [Transifex CLI](tx-cli) to be compatible with the v3 API.
-
-### Get in touch
-
-You can reach the Cozy Community by:
-
-- Chatting with us on IRC [#cozycloud on Libera.Chat][libera]
-- Posting on our [Forum][forum]
-- Posting issues on the [Github repos][github]
-- Say Hi! on [Twitter][twitter]
-
-
-## Licence
-
-cozy-bar is developed by Cozy Cloud and distributed under the [MIT].
-
-[cozy]: https://cozy.io "Cozy Cloud"
-[setup]: https://dev.cozy.io/#set-up-the-development-environment "Cozy dev docs: Set up the Development Environment"
-[doctypes]: https://dev.cozy.io/#main-document-types
-[bill-doctype]: https://github.com/cozy-labs/konnectors/blob/master/server/models/bill.coffee
-[konnector-doctype]: https://github.com/cozy-labs/konnectors/blob/master/server/models/konnector.coffee
-[konnectors]: https://github.com/cozy-labs/konnectors
-[MIT]: https://opensource.org/licenses/MIT
-[contribute]: CONTRIBUTING.md
-[libera]: https://web.libera.chat/#cozycloud
-[forum]: https://forum.cozy.io/
-[github]: https://github.com/cozy/
-[twitter]: https://twitter.com/cozycloud
-[mocha]: https://mochajs.org/
-[should]: npmjs.com/package/should
-[checkbox]: https://help.github.com/articles/basic-writing-and-formatting-syntax/#task-lists

package/dist/components/AppsMenu/AppsMenuContent.js

@@ -1,41 +1,58 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-var _applications = require("cozy-client/dist/models/applications");
+
 var _AppItem = _interopRequireDefault(require("./components/AppItem"));
-var _ShortcutItem = _interopRequireDefault(require("./components/ShortcutItem"));
-var _EntrypointItem = _interopRequireDefault(require("./components/EntrypointItem"));
+
 var _AppItemPlaceholder = _interopRequireDefault(require("./components/AppItemPlaceholder"));
-var _useI18n2 = _interopRequireDefault(require("../useI18n"));
+
+var _EntrypointItem = _interopRequireDefault(require("./components/EntrypointItem"));
+
+var _ShortcutItem = _interopRequireDefault(require("./components/ShortcutItem"));
+
 var _helper = require("./helper");
+
+var _useI18n2 = _interopRequireDefault(require("../useI18n"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _applications = require("cozy-client/dist/models/applications");
+
+var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
 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",
   "apps-menu-grid-item-icon": "apps-menu-grid-item-icon"
 };
+
 var AppsMenuContent = function AppsMenuContent(_ref) {
   var isFetchingApps = _ref.isFetchingApps,
-    apps = _ref.apps,
-    shortcuts = _ref.shortcuts,
-    homeApp = _ref.homeApp,
-    closeMenu = _ref.closeMenu;
+      apps = _ref.apps,
+      shortcuts = _ref.shortcuts,
+      homeApp = _ref.homeApp,
+      closeMenu = _ref.closeMenu;
+
   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']
@@ -47,6 +64,7 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
       key: "3"
     }));
   }
+
   var homeSlug = homeApp && homeApp.slug;
   var displayedApps = apps.filter(function (app) {
     return app.slug !== homeSlug;
@@ -73,6 +91,7 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
     });
   }));
 };
+
 AppsMenuContent.propTypes = {
   isFetchingApps: _propTypes.default.bool.isRequired,
   apps: _propTypes.default.array,
@@ -83,4 +102,5 @@ AppsMenuContent.propTypes = {
   }),
   closeMenu: _propTypes.default.func
 };
-var _default = exports.default = AppsMenuContent;
+var _default = AppsMenuContent;
+exports.default = _default;

package/dist/components/AppsMenu/components/AppItem.js

@@ -1,21 +1,34 @@
 "use strict";
 
 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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _proptypes = require("../../../proptypes");
+
 var _react = _interopRequireDefault(require("react"));
-var _applications = require("cozy-client/dist/models/applications");
+
 var _cozyClient = require("cozy-client");
-var _styles = require("cozy-ui/transpiled/react/styles");
+
+var _applications = require("cozy-client/dist/models/applications");
+
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
 var _AppIcon = _interopRequireDefault(require("cozy-ui-plus/dist/AppIcon"));
+
 var _AppLinker = _interopRequireDefault(require("cozy-ui-plus/dist/AppLinker"));
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _proptypes = require("../../../proptypes");
+
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
@@ -31,9 +44,10 @@ var useStyles = (0, _styles.makeStyles)(function () {
     }
   };
 });
-var AppItem = exports.AppItem = function AppItem(_ref) {
+
+var AppItem = function AppItem(_ref) {
   var app = _ref.app,
-    onAppSwitch = _ref.onAppSwitch;
+      onAppSwitch = _ref.onAppSwitch;
   var client = (0, _cozyClient.useClient)();
   var cozyURL = new URL(client.getStackClient().uri);
   var iconProps = {
@@ -48,7 +62,7 @@ var AppItem = exports.AppItem = function AppItem(_ref) {
     onAppSwitch: onAppSwitch
   }, function (_ref2) {
     var onClick = _ref2.onClick,
-      href = _ref2.href;
+        href = _ref2.href;
     return /*#__PURE__*/_react.default.createElement(_Buttons.default, {
       height: "auto",
       component: "a",
@@ -73,7 +87,10 @@ var AppItem = exports.AppItem = function AppItem(_ref) {
     });
   });
 };
+
+exports.AppItem = AppItem;
 AppItem.propTypes = {
   app: _proptypes.appShape.isRequired
 };
-var _default = exports.default = AppItem;
+var _default = AppItem;
+exports.default = _default;

package/dist/components/AppsMenu/components/AppItemPlaceholder.js

@@ -1,13 +1,17 @@
 "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 _Skeleton = _interopRequireDefault(require("cozy-ui/transpiled/react/Skeleton"));
-var AppItemPlaceholder = exports.AppItemPlaceholder = function AppItemPlaceholder() {
+
+var AppItemPlaceholder = function AppItemPlaceholder() {
   return /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     variant: "rect",
     width: 48,
@@ -15,4 +19,7 @@ var AppItemPlaceholder = exports.AppItemPlaceholder = function AppItemPlaceholde
     className: "u-m-1 u-bdrs-5"
   });
 };
-var _default = exports.default = AppItemPlaceholder;
+
+exports.AppItemPlaceholder = AppItemPlaceholder;
+var _default = AppItemPlaceholder;
+exports.default = _default;

package/dist/components/AppsMenu/components/EntrypointItem.js

@@ -1,17 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.EntrypointItem = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _useI18n2 = _interopRequireDefault(require("../../useI18n"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _cozyClient = require("cozy-client");
-var _styles = require("cozy-ui/transpiled/react/styles");
+
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _useI18n2 = _interopRequireDefault(require("../../useI18n"));
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
@@ -27,15 +36,20 @@ var useStyles = (0, _styles.makeStyles)(function () {
     }
   };
 });
-var EntrypointItem = exports.EntrypointItem = function EntrypointItem(_ref) {
+
+var EntrypointItem = function EntrypointItem(_ref) {
   var entrypoint = _ref.entrypoint;
   var client = (0, _cozyClient.useClient)();
   var classes = useStyles();
+
   var _useI18n = (0, _useI18n2.default)(),
-    lang = _useI18n.lang;
+      lang = _useI18n.lang;
+
   var cozyUrl = client.getStackClient().uri;
+
   var _client$getInstanceOp = client.getInstanceOptions(),
-    subDomainType = _client$getInstanceOp.subdomain;
+      subDomainType = _client$getInstanceOp.subdomain;
+
   var entrypointUrl = (0, _cozyClient.generateWebLink)({
     cozyUrl: cozyUrl,
     subDomainType: subDomainType,
@@ -48,6 +62,7 @@ var EntrypointItem = exports.EntrypointItem = function EntrypointItem(_ref) {
     height: "auto",
     component: "a",
     target: "_blank",
+    rel: "noopener noreferrer",
     variant: "text",
     href: entrypointUrl,
     title: title,
@@ -67,4 +82,7 @@ var EntrypointItem = exports.EntrypointItem = function EntrypointItem(_ref) {
     }, title))
   });
 };
-var _default = exports.default = EntrypointItem;
+
+exports.EntrypointItem = EntrypointItem;
+var _default = EntrypointItem;
+exports.default = _default;

package/dist/components/AppsMenu/components/ShortcutItem.js

@@ -1,17 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ShortcutItem = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _cozyClient = require("cozy-client");
+
 var _file = require("cozy-client/dist/models/file");
-var _styles = require("cozy-ui/transpiled/react/styles");
+
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
@@ -27,22 +36,28 @@ var useStyles = (0, _styles.makeStyles)(function () {
     }
   };
 });
-var ShortcutItem = exports.ShortcutItem = function ShortcutItem(_ref) {
+
+var ShortcutItem = function ShortcutItem(_ref) {
   var _shortcutInfos$data;
+
   var shortcut = _ref.shortcut;
   var client = (0, _cozyClient.useClient)();
   var classes = useStyles();
+
   var _useFetchShortcut = (0, _cozyClient.useFetchShortcut)(client, shortcut._id),
-    shortcutInfos = _useFetchShortcut.shortcutInfos,
-    shortcutImg = _useFetchShortcut.shortcutImg;
+      shortcutInfos = _useFetchShortcut.shortcutInfos,
+      shortcutImg = _useFetchShortcut.shortcutImg;
+
   var _splitFilename = (0, _file.splitFilename)(shortcut),
-    filename = _splitFilename.filename;
-  var url = (shortcutInfos === null || shortcutInfos === void 0 || (_shortcutInfos$data = shortcutInfos.data) === null || _shortcutInfos$data === void 0 ? void 0 : _shortcutInfos$data.url) || '#';
+      filename = _splitFilename.filename;
+
+  var url = (shortcutInfos === null || shortcutInfos === void 0 ? void 0 : (_shortcutInfos$data = shortcutInfos.data) === null || _shortcutInfos$data === void 0 ? void 0 : _shortcutInfos$data.url) || '#';
   var shortcutImgSrc = (0, _file.getShortcutImgSrc)(shortcut);
   return /*#__PURE__*/_react.default.createElement(_Buttons.default, {
     height: "auto",
     component: "a",
     target: "_blank",
+    rel: "noopener noreferrer",
     variant: "text",
     href: url,
     title: filename,
@@ -66,4 +81,7 @@ var ShortcutItem = exports.ShortcutItem = function ShortcutItem(_ref) {
     }, filename))
   });
 };
-var _default = exports.default = ShortcutItem;
+
+exports.ShortcutItem = ShortcutItem;
+var _default = ShortcutItem;
+exports.default = _default;

package/dist/components/AppsMenu/helper.js

@@ -1,21 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getEntrypoints = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _cozyClient = require("cozy-client");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _models$applications = _cozyClient.models.applications,
-  selectEntrypoints = _models$applications.selectEntrypoints,
-  filterEntrypoints = _models$applications.filterEntrypoints;
 
-// We get only the entrypoints we want:
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var _models$applications = _cozyClient.models.applications,
+    selectEntrypoints = _models$applications.selectEntrypoints,
+    filterEntrypoints = _models$applications.filterEntrypoints; // We get only the entrypoints we want:
 // - Drive onlyoffice
-var getEntrypoints = exports.getEntrypoints = function getEntrypoints(apps) {
+
+var getEntrypoints = function getEntrypoints(apps) {
   var driveApp = apps.find(function (app) {
     return app.slug === 'drive';
   }) || {};
@@ -27,4 +32,6 @@ var getEntrypoints = exports.getEntrypoints = function getEntrypoints(apps) {
       slug: driveApp.slug
     });
   });
-};
+};
+
+exports.getEntrypoints = getEntrypoints;

package/dist/components/AppsMenu/index.js

@@ -1,22 +1,36 @@
 "use strict";
 
 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 _AppsMenuContent = _interopRequireDefault(require("./AppsMenuContent"));
-var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-var _Menu = _interopRequireDefault(require("cozy-ui/transpiled/react/Menu"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
 var _Mosaic = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Mosaic"));
+
+var _Menu = _interopRequireDefault(require("cozy-ui/transpiled/react/Menu"));
+
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
-var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
 var _styles = require("cozy-ui/transpiled/react/styles");
-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; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var useStyles = (0, _styles.makeStyles)({
   root: {
     '& .dialogContentInner': {
@@ -26,22 +40,28 @@ var useStyles = (0, _styles.makeStyles)({
     }
   }
 });
+
 var AppsMenu = function AppsMenu(_ref) {
   var shortcuts = _ref.shortcuts,
-    apps = _ref.apps,
-    homeApp = _ref.homeApp,
-    isFetchingApps = _ref.isFetchingApps;
+      apps = _ref.apps,
+      homeApp = _ref.homeApp,
+      isFetchingApps = _ref.isFetchingApps;
+
   var _useState = (0, _react.useState)(false),
-    _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 containerRef = (0, _react.useRef)();
   var buttonRef = (0, _react.useRef)();
+
   var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
-    isMobile = _useBreakpoints.isMobile;
+      isMobile = _useBreakpoints.isMobile;
+
   var toggleMenu = function toggleMenu() {
     setOpen(!isOpen);
   };
+
   var styles = useStyles();
   return /*#__PURE__*/_react.default.createElement("nav", {
     ref: containerRef
@@ -71,8 +91,10 @@ var AppsMenu = function AppsMenu(_ref) {
       paper: 'u-bdrs-7'
     }
   }) : /*#__PURE__*/_react.default.createElement(_Menu.default, {
-    open: isOpen,
-    anchorEl: buttonRef.current,
+    open: isOpen // eslint-disable-next-line react-hooks/refs
+    ,
+    anchorEl: buttonRef.current // eslint-disable-next-line react-hooks/refs
+    ,
     container: containerRef.current,
     getContentAnchorEl: null,
     onClose: toggleMenu,
@@ -95,4 +117,6 @@ var AppsMenu = function AppsMenu(_ref) {
     closeMenu: toggleMenu
   })));
 };
-var _default = exports.default = AppsMenu;
+
+var _default = AppsMenu;
+exports.default = _default;