cozy-bar 22.1.3 → 23.1.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/useI18n.js

@@ -9,10 +9,14 @@ var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 var _en = _interopRequireDefault(require("../locales/en.json"));
 var _fr = _interopRequireDefault(require("../locales/fr.json"));
 var _es = _interopRequireDefault(require("../locales/es.json"));
+var _ru = _interopRequireDefault(require("../locales/ru.json"));
+var _vi = _interopRequireDefault(require("../locales/vi.json"));
 var locales = {
   en: _en.default,
   fr: _fr.default,
-  es: _es.default
+  es: _es.default,
+  ru: _ru.default,
+  vi: _vi.default
 };
 var useI18n = (0, _I18n.createUseI18n)(locales);
 var _default = exports.default = useI18n;

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/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.3\"";
+var version = exports.version = "\"23.1.0\"";

package/dist/locales/ru.json

@@ -1,45 +1,61 @@
 {
-  "drawer": "Показать панель меню",
+  "drawer": "Показать меню",
   "profile": "Профиль",
-  "connectedDevices": "Присоединённые устройства",
+  "appearance": "Внешний вид",
+  "plans": "Тарифы",
+  "permissions": "Разрешения",
+  "connectedDevices": "Подключенные устройства",
+  "connections": "Подключения",
   "storage": "Хранилище",
-  "storage_phrase": "%{diskUsage} ГБ из %{diskQuota} ГБ использовано",
-  "view_offers": "View offers",
-  "view_my_offer": "My offer",
-  "help": "Помощь",
-  "logout": "Выход",
+  "storage_phrase": "Использовано %{diskUsage} ГБ из %{diskQuota} ГБ",
+  "help": "Частые вопросы",
+  "contact": "Связаться с нами",
+  "logout": "Выйти",
   "soon": "скоро",
-  "error_UnavailableStack": "Это стек не доступен (превышено время ожидания)",
-  "error_UnauthorizedStack": "Некоторые разрешения отсутствуют, получить доступ к запрашиваемому ресурсу в стеке не возможно.",
-  "no_apps": "В Cozy приложение не найдены.",
+  "termsOfService": "Условия обслуживания",
+  "legalNotice": "Юридическое уведомление",
+  "error_UnavailableStack": "Стек недоступен (истекло время подключения).",
+  "error_UnauthorizedStack": "Не хватает некоторых разрешений, приложение не может получить доступ к запрашиваемому ресурсу в стеке.",
+  "no_apps": "В вашем Cozy приложения не найдены.",
   "menu": {
     "apps": "Приложения",
     "settings": "Настройки",
-    "home_mobile": "Back to home...",
-    "home": "Back to home",
-    "home_title": "Home"
+    "home_mobile": "Назад в панель управления...",
+    "home": "Назад в панель управления",
+    "home_title": "Главная"
   },
   "Categories": {
-    "cozy": "Cozy приложения",
+    "cozy": "Приложения Cozy",
     "partners": "Приложения партнеров",
     "ptnb": "expPTNB",
     "others": "Другие приложения"
   },
   "permsModal": {
-    "title": "Получите доступ ко всем функциям Cozy из приложения",
-    "description": "Авторизация %{app}  для отображения приложений Cozy на этом устройстве",
-    "button": "Разрешенный доступ"
+    "title": "Получите доступ ко всему Cozy из одного приложения",
+    "description": "Разрешите приложению %{app} отображать приложения Cozy на этом устройстве",
+    "button": "Разрешить доступ"
   },
   "comingSoon": {
     "store": {
-      "title": "Магазин Приложений скоро будет доступен в вашем Cozy.",
-      "description": "Благодаря Магазину Cozy вы можете установить те приложения, которые вам нужны в вашем Cozy."
+      "title": "Приложение Магазин скоро будет доступно в вашем Cozy.",
+      "description": "Благодаря Cozy Store вы сможете устанавливать в свой аккаунт нужные вам приложения."
     }
   },
   "banner": {
     "tos-updated": {
-      "description": "To comply with the GDPR, Cozy Cloud has updated its Terms of Services that have taken effect on May 25, 2018",
-      "CTA": "Прочитать"
+      "description": "Для соответствия GDPR, Cozy Cloud обновил свои Условия обслуживания, которые вступили в силу 25 мая 2018 года.",
+      "CTA": "Прочитать сейчас"
+    },
+    "moved": {
+      "description": "Cozy был перемещен на новый адрес"
     }
+  },
+  "userMenu": {
+    "addAccount": "Добавить аккаунт",
+    "manageProfile": "Управление профилем",
+    "createBusinessAccount": "Создать бизнес-аккаунт",
+    "storage": "Хранилище",
+    "storageAvailable": "Доступно %{smart_count} ГБ",
+    "logOut": "Выйти"
   }
-}
+}

package/dist/locales/vi.json

@@ -0,0 +1,64 @@
+{
+  "drawer": "Hiển thị ngăn kéo menu",
+  "profile": "Hồ sơ",
+  "appearance": "Giao diện",
+  "plans": "Gói dịch vụ",
+  "permissions": "Quyền",
+  "connectedDevices": "Thiết bị đã kết nối",
+  "connections": "Kết nối",
+  "storage": "Lưu trữ",
+  "storage_phrase": "Đã sử dụng %{diskUsage} GB trên tổng số %{diskQuota} GB",
+  "help": "Câu hỏi thường gặp",
+  "contact": "Liên hệ với chúng tôi",
+  "logout": "Đăng xuất",
+  "soon": "sắp ra mắt",
+  "termsOfService": "Điều khoản dịch vụ",
+  "legalNotice": "Thông báo pháp lý",
+  "error_UnavailableStack": "Ngăn xếp không thể truy cập (hết thời gian chờ kết nối).",
+  "error_UnauthorizedStack": "Thiếu một số quyền, ứng dụng không thể truy cập tài nguyên được yêu cầu trên ngăn xếp.",
+  "no_apps": "Không tìm thấy ứng dụng nào trên Cozy.",
+  "menu": {
+    "apps": "Ứng dụng",
+    "settings": "Cài đặt",
+    "home_mobile": "Quay lại trang tổng quan...",
+    "home": "Quay lại trang tổng quan",
+    "home_title": "Trang chủ"
+  },
+  "Categories": {
+    "cozy": "Ứng dụng Cozy",
+    "partners": "Ứng dụng của đối tác",
+    "ptnb": "expPTNB",
+    "others": "Ứng dụng khác"
+  },
+  "permsModal": {
+    "title": "Truy cập toàn bộ Cozy của bạn từ ứng dụng",
+    "description": "Cho phép %{app} hiển thị các ứng dụng Cozy của bạn trên thiết bị này",
+    "button": "Cho phép truy cập"
+  },
+  "comingSoon": {
+    "store": {
+      "title": "Ứng dụng Cửa hàng sẽ sớm có trên Cozy của bạn.",
+      "description": "Nhờ Cozy Store, bạn sẽ có thể cài đặt các ứng dụng mà bạn muốn trong Cozy của mình."
+    }
+  },
+  "banner": {
+    "tos-updated": {
+      "description": "Để tuân thủ GDPR, Cozy Cloud đã cập nhật Điều khoản dịch vụ có hiệu lực từ ngày 25 tháng 5 năm 2018",
+      "CTA": "Đọc ngay"
+    },
+    "moved": {
+      "description": "Cozy đã được chuyển đến một địa chỉ mới"
+    }
+  },
+  "userMenu": {
+    "addAccount": "Thêm tài khoản",
+    "manageProfile": "Quản lý hồ sơ",
+    "createBusinessAccount": "Tạo tài khoản doanh nghiệp",
+    "storage": "Lưu trữ",
+    "storageAvailable": "Còn trống %{smart_count} GB",
+    "logOut": "Đăng xuất"
+  }
+}
+
+
+

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.3",
+  "version": "23.1.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);