cozy-bar 22.1.2 → 23.0.0

package/dist/components/Bar.js

@@ -15,15 +15,15 @@ var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 var _AppTitle = _interopRequireDefault(require("cozy-ui/transpiled/react/AppTitle"));
 var _cozyDeviceHelper = require("cozy-device-helper");
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-var _ButtonCozyHome = require("./Apps/ButtonCozyHome");
 var _Banner = _interopRequireDefault(require("./Banner"));
 var _AppsMenu = _interopRequireDefault(require("./AppsMenu"));
 var _UserMenu = _interopRequireDefault(require("./UserMenu"));
-var _HelpLink = _interopRequireDefault(require("./HelpLink"));
+var _ButtonCozyHome = _interopRequireDefault(require("./utils/ButtonCozyHome"));
+var _SearchButton = _interopRequireDefault(require("./utils/SearchButton"));
+var _HelpLink = _interopRequireDefault(require("./utils/HelpLink"));
 var _reducers = require("../lib/reducers");
 var _cozyClient = require("cozy-client");
 var _cozySearch = require("cozy-search");
-var _SearchButton = _interopRequireDefault(require("./Search/SearchButton"));
 var _classnames = _interopRequireDefault(require("classnames"));
 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; }
@@ -73,13 +73,13 @@ var Bar = exports.Bar = function Bar(_ref) {
   };
   var renderLeft = function renderLeft() {
     if ((0, _cozyDeviceHelper.isFlagshipApp)() || (0, _cozyFlags.default)('flagship.debug')) {
-      return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
+      return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.default, {
         isInvertedTheme: isInvertedTheme
       });
     }
     var homeHref = !isPublic && homeApp && homeApp.href;
     if (isMobile) {
-      return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
+      return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.default, {
         homeHref: homeHref
       });
     }
@@ -88,7 +88,7 @@ var Bar = exports.Bar = function Bar(_ref) {
       container: true,
       alignItems: "center",
       className: "u-w-auto"
-    }, !isHome && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
+    }, !isHome && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.default, {
       homeHref: homeHref
     }), /*#__PURE__*/_react.default.createElement(_Divider.default, {
       orientation: "vertical",

package/dist/components/{Apps → utils}/ButtonCozyHome.js

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonCozyHome = void 0;
+exports.default = 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 = exports.ButtonCozyHome = function ButtonCozyHome(_ref) {
+var ButtonCozyHome = function ButtonCozyHome(_ref) {
   var homeHref = _ref.homeHref,
     isInvertedTheme = _ref.isInvertedTheme;
   var webviewIntent = (0, _cozyIntent.useWebviewIntent)();
@@ -46,4 +46,5 @@ var ButtonCozyHome = exports.ButtonCozyHome = function ButtonCozyHome(_ref) {
 ButtonCozyHome.propTypes = {
   homeHref: _propTypes.default.string,
   isInvertedTheme: _propTypes.default.bool
-};
+};
+var _default = exports.default = ButtonCozyHome;

package/dist/components/{Apps → utils}/ButtonCozyHome.spec.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, fireEvent } from '@testing-library/react'
-import { ButtonCozyHome } from './ButtonCozyHome'
+import ButtonCozyHome from './ButtonCozyHome'
 import { isFlagshipApp } from 'cozy-device-helper'
 import { useWebviewIntent } from 'cozy-intent'
 import { BarLike } from 'test/lib/BarLike'

package/dist/components/{HelpLink/index.js → utils/HelpLink.js}

@@ -6,13 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
 var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 var _HelpOutlined = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/HelpOutlined"));
-var HelpLink = function HelpLink() {
+var _reducers = require("../../lib/reducers");
+var HelpLink = function HelpLink(_ref) {
+  var helpLink = _ref.helpLink;
   return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     component: "a",
-    href: "https://support.cozy.io/",
+    href: helpLink,
     target: "_blank",
     rel: "noopener, noreferrer",
     className: "u-p-half"
@@ -21,4 +24,9 @@ var HelpLink = function HelpLink() {
     size: "18"
   }));
 };
-var _default = exports.default = HelpLink;
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    helpLink: (0, _reducers.getHelpLink)(state)
+  };
+};
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps)(HelpLink);

package/dist/index.js

@@ -71,4 +71,4 @@ var _BarProvider = _interopRequireDefault(require("./components/BarProvider"));
 var _reducers = require("./lib/reducers");
 /* global __VERSION__ */
 
-var version = exports.version = "\"22.1.2\"";
+var version = exports.version = "\"23.0.0\"";

package/dist/styles/index.styl

@@ -5,7 +5,5 @@
 @import './nav.css'
 @import './navigation_item.css'
 @import './apps.css'
-@import './settings.css'
-@import './drawer.css'
 
 @import './theme.styl'

package/dist/stylesheet.css

@@ -661,151 +661,6 @@
   margin: 0;
   background-color: var(--defaultBackgroundColor);
 }
-[role=banner] .coz-nav-settings-item [role=menuitem] {
-  display: flex;
-  box-sizing: border-box;
-  margin: 0;
-  width: 100%;
-  padding: 0.8rem 16px;
-  border: none;
-  background-color: transparent;
-  text-align: left;
-  font-size: 1rem;
-  white-space: nowrap;
-  color: var(--primaryTextColor);
-  text-decoration: none;
-  outline: none;
-}
-
-[role=banner] .coz-nav-settings-item {
-  display: flex;
-}
-
-[role=banner] .coz-nav-settings-item .coz-nav-settings-item-btn[role=menuitem] > span > span {
-  margin-right: auto;
-}
-
-[role=banner] .coz-nav-settings-item .coz-nav-settings-item-btn-external-icon {
-  margin-left: auto;
-  padding-left: 16px;
-}
-[role=banner] .coz-drawer-wrapper {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100%;
-  display: flex;
-}
-
-[role=banner] .coz-drawer-wrapper[aria-hidden=true] {
-  pointer-events: none;
-}
-
-[role=banner] .coz-drawer-wrapper[aria-hidden=false] {
-  pointer-events: auto;
-}
-
-[role=banner] .coz-drawer-wrapper::before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--primaryTextColor);
-  opacity: 0;
-  transition: opacity .2s ease-out .1s;
-}
-
-[role=banner] .coz-drawer-wrapper[aria-hidden=false]::before {
-  opacity: .5;
-  transition: opacity .2s ease-out;
-}
-
-[role=banner] .coz-drawer-wrapper aside {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 90%;
-  max-width: 30em;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: var(--paperBackgroundColor);
-  transform: translateX(-100%);
-  transform-origin: 0% 0%;
-}
-
-[role=banner] .coz-drawer-wrapper aside.with-transition {
-  transition: transform .2s ease-out;
-}
-
-[role=banner] .coz-drawer-wrapper[aria-hidden=false] aside {
-  transform: translateX(0%);
-}
-
-[role=banner] .coz-drawer-wrapper[aria-hidden=false] aside.with-transition {
-  transition: transform .3s cubic-bezier(0.2, 0.75, 0.3, 1.0);
-}
-
-[role=banner] .coz-drawer-wrapper ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-[role=banner] .coz-drawer--apps {
-  flex: 0 1 100%;
-  /* IMPORTANT: on Chrome, the `overflow-y: scroll` property on .coz-drawer--apps prevented
-  swipe events to be dispatched correctly ; the `touch-action: pan-y` fixes the problem
-  see https://greensock.com/forums/topic/17546-draggable-text-elements-with-overflow/ */
-  overflow-y: scroll;
-  touch-action: pan-y;
-  position: relative;
-  overflow-x: hidden;
-}
-
-[role=banner] .coz-drawer--apps ul li {
-  flex: 0 0 100%;
-  max-width: 100%;
-}
-
-[role=banner] .coz-drawer--apps ul:last-of-type + hr {
-  display: none;
-}
-
-[role=banner] .coz-drawer--apps [role=menuitem] {
-  display: flex;
-  flex-direction: row;
-  padding: .3em .3em .3em 1.3em;
-  height: 3rem;
-}
-
-[role=banner] .coz-drawer--apps .coz-nav-item img {
-  width: 2rem;
-  margin-right: .5rem;
-  max-height: 2rem;
-}
-
-
-[role=banner] .coz-drawer--apps .coz-nav-category {
-  font-size: 1em;
-  padding: 2em 2em .5em;
-  margin: 0;
-}
-
-[role=banner] .coz-drawer--settings {
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-/* /!\ Trick to prevent application from scrolling in the background when the drawer is opened */
-[role=banner][data-drawer-visible=true] + [role=application] {
-  position: fixed;
-  width: 100%;
-}
-
 [role=banner] .coz-bar-wrapper {
   box-shadow: inset 0 -1px 0 0 var(--dividerColor);
   background-color: var(--paperBackgroundColor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "22.1.2",
+  "version": "23.0.0",
   "description": "cozy-bar.js library, a small lib provided by cozy-stack to inject the Cozy-bar component into each app",
   "main": "dist/index.js",
   "author": "Cozy Cloud <contact@cozycloud.cc> (https://cozy.io/)",
@@ -65,8 +65,6 @@
     "stylus-config-cozy-app": "^0.1.0"
   },
   "dependencies": {
-    "hammerjs": "2.0.8",
-    "lodash.debounce": "4.0.8",
     "lodash.set": "^4.3.2",
     "lodash.unionwith": "4.6.0",
     "prop-types": "15.7.2",

package/dist/components/Apps/AppItem.js

@@ -1,80 +0,0 @@
-"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 _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 = exports.AppItem = function AppItem(_ref) {
-  var onAppSwitch = _ref.onAppSwitch,
-    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];
-  (0, _react.useEffect)(function () {
-    return function () {
-      if (switchTimeout) clearTimeout(switchTimeout);
-    };
-  }, [switchTimeout]);
-  var switchApp = function switchApp() {
-    if (typeof onAppSwitch === 'function') {
-      setSwitchTimeout(setTimeout(function () {
-        onAppSwitch();
-      }, 1000));
-    }
-  };
-  var dataIcon = app.slug ? "icon-".concat(app.slug) : '';
-  var appName = getAppDisplayName(app);
-  return /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
-    onAppSwitch: switchApp,
-    href: app.href || '',
-    app: app
-  }, function (_ref2) {
-    var onClick = _ref2.onClick,
-      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", {
-      role: "menuitem",
-      href: href,
-      "data-icon": dataIcon,
-      title: appName,
-      onClick: onClick
-    }, useHomeIcon ? /*#__PURE__*/_react.default.createElement(_IconCozyHome.default, {
-      className: "coz-nav-apps-item-icon",
-      isInvertedTheme: isInvertedTheme
-    }) : /*#__PURE__*/_react.default.createElement(_AppIcon.default, (0, _extends2.default)({
-      app: app,
-      className: "coz-nav-apps-item-icon",
-      key: app.slug
-    }, _stack.default.get.iconProps())), /*#__PURE__*/_react.default.createElement("p", {
-      className: "coz-label"
-    }, appName)));
-  });
-};
-AppItem.propTypes = {
-  app: _proptypes.appShape.isRequired,
-  useHomeIcon: _propTypes.default.bool,
-  isInvertedTheme: _propTypes.default.bool,
-  onAppSwitch: _propTypes.default.func
-};
-var _default = exports.default = AppItem;

package/dist/components/Apps/AppItemPlaceholder.js

@@ -1,21 +0,0 @@
-"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 = exports.AppItemPlaceholder = function AppItemPlaceholder() {
-  return /*#__PURE__*/_react.default.createElement("li", {
-    className: "coz-nav-apps-item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    role: "menuitem",
-    disabled: true
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "coz-nav-apps-item-icon coz-loading-placeholder"
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    className: "coz-label coz-loading-placeholder"
-  })));
-};
-var _default = exports.default = AppItemPlaceholder;

package/dist/components/Apps/AppNavButtons.js

@@ -1,100 +0,0 @@
-"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;
-  var _useI18n = (0, _useI18n2.default)(),
-    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"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "coz-nav-apps-btns-home coz-loading-placeholder"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "coz-nav-apps-btns-main coz-loading-placeholder"
-    }));
-  }
-  var displayName = !isHomeApp && appNamePrefix ? [t("".concat(appSlug, ".name_prefix"), {
-    _: appNamePrefix
-  }), t("".concat(appSlug, ".name"), {
-    _: appName
-  })].join(' ') : t("".concat(appSlug, ".name"), {
-    _: appName
-  });
-  var homeHref = !isPublic && homeApp && homeApp.href;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "coz-nav-apps-btns".concat(isHomeApp ? ' coz-nav-apps-btns--currentHome' : '')
-  }, /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
-    homeHref: homeHref,
-    isInvertedTheme: isInvertedTheme
-  }), !isHomeApp && /*#__PURE__*/_react.default.createElement("span", {
-    className: "coz-nav-apps-btns-sep"
-  }), /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    onClick: isPublic ? null : handleClick,
-    className: "coz-nav-apps-btns-main",
-    "aria-controls": "coz-nav-pop--apps",
-    "data-tutorial": "apps",
-    disabled: isPublic
-  }, !isHomeApp && /*#__PURE__*/_react.default.createElement("img", {
-    className: "coz-bar-hide-sm",
-    src: iconPath,
-    width: "28",
-    alt: ""
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "coz-nav-app-name"
-  }, displayName), !isPublic && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: opened ? _Top.default : _Bottom.default,
-    color: "var(--secondaryTextColor)",
-    size: "12"
-  })));
-};
-AppNavButton.propTypes = {
-  homeApp: _propTypes.default.shape({
-    isCurrentApp: _propTypes.default.bool,
-    slug: _propTypes.default.string,
-    href: _propTypes.default.string
-  }),
-  handleClick: _propTypes.default.func,
-  appName: _propTypes.default.string,
-  appNamePrefix: _propTypes.default.string,
-  appSlug: _propTypes.default.string,
-  iconPath: _propTypes.default.string,
-  isInvertedTheme: _propTypes.default.bool,
-  isFetchingApps: _propTypes.default.bool,
-  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 = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(AppNavButton);

package/dist/components/Apps/AppsContent.js

@@ -1,100 +0,0 @@
-"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 = exports.AppsContent = function AppsContent(_ref) {
-  var apps = _ref.apps,
-    homeApp = _ref.homeApp,
-    isFetchingApps = _ref.isFetchingApps,
-    onAppSwitch = _ref.onAppSwitch,
-    isInvertedTheme = _ref.isInvertedTheme;
-  var _useI18n = (0, _useI18n2.default)(),
-    t = _useI18n.t;
-  var _useBreakpoints = (0, _Breakpoints.default)(),
-    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", {
-    className: "coz-nav-group"
-  }, isMobile && homeApp && /*#__PURE__*/_react.default.createElement(_AppItem.default, {
-    app: homeApp,
-    useHomeIcon: true,
-    onAppSwitch: onAppSwitch,
-    isInvertedTheme: isInvertedTheme
-  }), isFetchingApps ? new Array(3).fill({}).map(function (nothing, index) {
-    return /*#__PURE__*/_react.default.createElement(_AppItemPlaceholder.default, {
-      key: index
-    });
-  }) : apps.filter(function (app) {
-    return app.slug !== homeSlug;
-  }).sort(sorter(translateAppWithLocales)).map(function (app, index) {
-    return /*#__PURE__*/_react.default.createElement(_AppItem.default, {
-      app: app,
-      key: index,
-      onAppSwitch: onAppSwitch,
-      isInvertedTheme: isInvertedTheme
-    });
-  })), homeApp && !isMobile && !isHomeApp && /*#__PURE__*/_react.default.createElement("a", {
-    role: "menuitem",
-    href: homeApp.href,
-    className: "coz-apps-home-btn"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _Cloud.default
-  }), t('menu.home')));
-};
-AppsContent.propTypes = {
-  homeApp: _propTypes.default.shape({
-    isCurrentApp: _propTypes.default.bool,
-    slug: _propTypes.default.string,
-    href: _propTypes.default.string
-  }),
-  apps: _propTypes.default.array,
-  isFetchingApps: _propTypes.default.bool.isRequired,
-  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"), {
-      _: app.namePrefix
-    }) : null;
-    var name = t("".concat(app.slug, ".name"), {
-      _: app.name
-    });
-    return namePrefix ? "".concat(namePrefix, " ").concat(name) : "".concat(name);
-  };
-};
-var mapStateToProps = function mapStateToProps(state) {
-  return {
-    apps: (0, _reducers.getApps)(state),
-    homeApp: (0, _reducers.getHomeApp)(state),
-    isFetchingApps: (0, _reducers.isFetchingApps)(state)
-  };
-};
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps)(AppsContent);

package/dist/components/Apps/index.js

@@ -1,77 +0,0 @@
-"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 _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;
-  var _useState = (0, _react.useState)(),
-    _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) {
-    if (isOpen) {
-      // if it's not a cozy-bar nav popup, close the opened popup
-      if (!rootRef.current.contains(event.target) && !modalContainer.current.contains(event.target)) {
-        setOpen(false);
-        event.stopPropagation();
-      }
-    }
-  }, [isOpen]);
-  (0, _react.useEffect)(function () {
-    document.body.addEventListener('click', onClickOutside);
-    modalContainer.current = document.getElementById('cozy-bar-modal-dom-place');
-    return function () {
-      document.body.removeEventListener('click', onClickOutside);
-    };
-  }, [onClickOutside]);
-  var toggleMenu = function toggleMenu() {
-    setOpen(!isOpen);
-  };
-
-  // 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
-  }, /*#__PURE__*/_react.default.createElement(_AppNavButtons.default, {
-    appName: appName,
-    appNamePrefix: appNamePrefix,
-    appSlug: appSlug,
-    iconPath: iconPath,
-    handleClick: toggleMenu,
-    opened: isOpen,
-    isPublic: isPublic,
-    isInvertedTheme: isInvertedTheme
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "coz-nav-pop coz-nav-pop--apps",
-    id: "coz-nav-pop--apps",
-    "aria-hidden": !isOpen
-  }, /*#__PURE__*/_react.default.createElement(_AppsContent.default, {
-    isInvertedTheme: isInvertedTheme
-  })));
-};
-Apps.propTypes = {
-  appName: _propTypes.default.string,
-  appNamePrefix: _propTypes.default.string,
-  appSlug: _propTypes.default.string,
-  iconPath: _propTypes.default.string,
-  isPublic: _propTypes.default.bool,
-  isInvertedTheme: _propTypes.default.bool
-};
-var _default = exports.default = Apps;