cozy-bar 18.2.0 → 19.0.0

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

@@ -1,39 +1,26 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 var _applications = require("cozy-client/dist/models/applications");
-
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
-
 var _AppIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/AppIcon"));
-
 var _AppLinker = _interopRequireDefault(require("cozy-ui/transpiled/react/AppLinker"));
-
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _proptypes = require("../../../proptypes");
-
 var _stack = _interopRequireDefault(require("../../../lib/stack"));
-
 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 AppItem = function AppItem(_ref) {
+var AppItem = exports.AppItem = function AppItem(_ref) {
   var app = _ref.app;
   var appName = (0, _applications.getAppDisplayName)(app);
   return /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
@@ -41,7 +28,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(_Buttons.default, {
       height: "auto",
       component: "a",
@@ -63,10 +50,7 @@ var AppItem = function AppItem(_ref) {
     });
   });
 };
-
-exports.AppItem = AppItem;
 AppItem.propTypes = {
   app: _proptypes.appShape.isRequired
 };
-var _default = AppItem;
-exports.default = _default;
+var _default = exports.default = AppItem;

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

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

package/dist/components/AppsMenu/index.js

@@ -1,48 +1,33 @@
 "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 _AppsMenuContent = _interopRequireDefault(require("./AppsMenuContent"));
-
 var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
-
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
 var _Menu = _interopRequireDefault(require("cozy-ui/transpiled/react/Menu"));
-
 var _Mosaic = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Mosaic"));
-
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
-
 var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
-
+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 AppsMenu = function AppsMenu() {
   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);
   };
-
   return /*#__PURE__*/_react.default.createElement("nav", {
     ref: containerRef
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -72,6 +57,4 @@ var AppsMenu = function AppsMenu() {
     }
   }, /*#__PURE__*/_react.default.createElement(_AppsMenuContent.default, null)));
 };
-
-var _default = AppsMenu;
-exports.default = _default;
+var _default = exports.default = AppsMenu;

package/dist/components/Banner.js

@@ -1,34 +1,25 @@
 "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 _Button = require("cozy-ui/transpiled/react/deprecated/Button");
-
 var _useI18n2 = _interopRequireDefault(require("./useI18n"));
-
+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 Banner = function Banner(_ref) {
   var code = _ref.code,
-      links = _ref.links;
-
+    links = _ref.links;
   var _useI18n = (0, _useI18n2.default)(),
-      t = _useI18n.t;
-
+    t = _useI18n.t;
   var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      unmounted = _useState2[0],
-      setUmounted = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    unmounted = _useState2[0],
+    setUmounted = _useState2[1];
   var animate = (0, _react.useCallback)(function () {
     // To animate we have to use a setTimeout to
     // force a CSS class update and trigger CSS animation
@@ -48,6 +39,4 @@ var Banner = function Banner(_ref) {
     label: t("banner.".concat(code, ".CTA"))
   }));
 };
-
-var _default = Banner;
-exports.default = _default;
+var _default = exports.default = Banner;

package/dist/components/Bar.js

@@ -1,66 +1,39 @@
 "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.mapDispatchToProps = exports.mapStateToProps = exports.Bar = void 0;
-
+exports.mapStateToProps = exports.mapDispatchToProps = exports.default = exports.Bar = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRedux = require("react-redux");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Grid = _interopRequireDefault(require("cozy-ui/transpiled/react/Grid"));
-
 var _Divider = _interopRequireDefault(require("cozy-ui/transpiled/react/Divider"));
-
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
-
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
 var _AppTitle = _interopRequireDefault(require("cozy-ui/transpiled/react/AppTitle"));
-
 var _cozyDeviceHelper = require("cozy-device-helper");
-
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-
 var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
-
 var _ButtonCozyHome = require("./Apps/ButtonCozyHome");
-
 var _Banner = _interopRequireDefault(require("./Banner"));
-
 var _Drawer = _interopRequireDefault(require("./Drawer"));
-
 var _Settings = _interopRequireDefault(require("./Settings"));
-
 var _Apps = _interopRequireDefault(require("./Apps"));
-
 var _AppsMenu = _interopRequireDefault(require("./AppsMenu"));
-
 var _UserMenu = _interopRequireDefault(require("./UserMenu"));
-
 var _HelpLink = _interopRequireDefault(require("./HelpLink"));
-
 var _reducers = require("../lib/reducers");
-
 var _useI18n2 = _interopRequireDefault(require("./useI18n"));
-
 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; }
 /* Generated with node_modules/.bin/svgr src/assets/sprites/icon-apps.svg */
 function SvgIconApps(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
@@ -71,47 +44,43 @@ function SvgIconApps(props) {
     fillRule: "evenodd"
   }));
 }
-
-var Bar = function Bar(_ref) {
+var Bar = exports.Bar = function Bar(_ref) {
+  var _componentsProps$Wrap;
   var fetchContext = _ref.fetchContext,
-      fetchSettingsData = _ref.fetchSettingsData,
-      fetchApps = _ref.fetchApps,
-      isPublic = _ref.isPublic,
-      onDrawer = _ref.onDrawer,
-      barLeft = _ref.barLeft,
-      barRight = _ref.barRight,
-      barCenter = _ref.barCenter,
-      barSearch = _ref.barSearch,
-      onLogOut = _ref.onLogOut,
-      userActionRequired = _ref.userActionRequired,
-      searchOptions = _ref.searchOptions,
-      isInvertedTheme = _ref.isInvertedTheme,
-      appName = _ref.appName,
-      appNamePrefix = _ref.appNamePrefix,
-      appSlug = _ref.appSlug,
-      iconPath = _ref.iconPath,
-      hasFetchedApps = _ref.hasFetchedApps,
-      homeApp = _ref.homeApp;
+    fetchSettingsData = _ref.fetchSettingsData,
+    fetchApps = _ref.fetchApps,
+    isPublic = _ref.isPublic,
+    onDrawer = _ref.onDrawer,
+    barLeft = _ref.barLeft,
+    barRight = _ref.barRight,
+    barCenter = _ref.barCenter,
+    barSearch = _ref.barSearch,
+    onLogOut = _ref.onLogOut,
+    userActionRequired = _ref.userActionRequired,
+    searchOptions = _ref.searchOptions,
+    isInvertedTheme = _ref.isInvertedTheme,
+    appName = _ref.appName,
+    appNamePrefix = _ref.appNamePrefix,
+    appSlug = _ref.appSlug,
+    iconPath = _ref.iconPath,
+    hasFetchedApps = _ref.hasFetchedApps,
+    homeApp = _ref.homeApp,
+    componentsProps = _ref.componentsProps;
   var client = (0, _cozyClient.useClient)();
-
   var _useI18n = (0, _useI18n2.default)(),
-      t = _useI18n.t;
-
+    t = _useI18n.t;
   var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
-      isMobile = _useBreakpoints.isMobile;
-
+    isMobile = _useBreakpoints.isMobile;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      drawerVisible = _useState2[0],
-      setDrawerVisible = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    drawerVisible = _useState2[0],
+    setDrawerVisible = _useState2[1];
   var showDrawerAndBurger = !isPublic && isMobile && !(0, _isTwakeTheme.isTwakeTheme)();
   var showSettings = !isPublic && !isMobile;
   var fetchInitialData = (0, _react.useCallback)(function () {
     if (!isPublic) {
       fetchContext();
       fetchSettingsData(false);
-
       if (!hasFetchedApps) {
         fetchApps();
       }
@@ -121,7 +90,6 @@ var Bar = function Bar(_ref) {
     var handleTokenRefreshed = function handleTokenRefreshed() {
       fetchInitialData();
     };
-
     fetchInitialData();
     client.on('tokenRefreshed', handleTokenRefreshed);
     return function () {
@@ -133,12 +101,10 @@ var Bar = function Bar(_ref) {
       fetchApps();
     }
   }, [drawerVisible, fetchApps, hasFetchedApps]);
-
   var toggleDrawer = function toggleDrawer() {
     onDrawer(!drawerVisible);
     setDrawerVisible(!drawerVisible);
   };
-
   var renderCenter = function renderCenter() {
     return (0, _isTwakeTheme.isTwakeTheme)() ? null : /*#__PURE__*/_react.default.createElement(_Apps.default, {
       appName: appName,
@@ -149,39 +115,36 @@ var Bar = function Bar(_ref) {
       isInvertedTheme: isInvertedTheme
     });
   };
-
   var renderLeft = function renderLeft() {
     if ((0, _cozyDeviceHelper.isFlagshipApp)() || (0, _cozyFlags.default)('flagship.debug')) {
       return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
         isInvertedTheme: isInvertedTheme
       });
     }
-
     if ((0, _isTwakeTheme.isTwakeTheme)()) {
       var homeHref = !isPublic && homeApp && homeApp.href;
-
       if (isMobile) {
         return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
           homeHref: homeHref
         });
       }
-
+      var isHome = appSlug === 'home';
       return /*#__PURE__*/_react.default.createElement(_Grid.default, {
         container: true,
         alignItems: "center",
         className: "u-w-auto"
-      }, /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
+      }, !isHome && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.ButtonCozyHome, {
         homeHref: homeHref
       }), /*#__PURE__*/_react.default.createElement(_Divider.default, {
         orientation: "vertical",
         className: "u-mr-half",
         flexItem: true
-      }), /*#__PURE__*/_react.default.createElement(_AppTitle.default, {
+      })), /*#__PURE__*/_react.default.createElement(_AppTitle.default, {
         slug: appSlug
       }));
-    } // data-tutorial attribute allows to be targeted in an application tutorial
-
+    }
 
+    // data-tutorial attribute allows to be targeted in an application tutorial
     return showDrawerAndBurger ? /*#__PURE__*/_react.default.createElement("button", {
       type: "button",
       className: "coz-bar-btn coz-bar-burger",
@@ -196,13 +159,11 @@ var Bar = function Bar(_ref) {
       className: "u-visuallyhidden"
     }, t('drawer'))) : null;
   };
-
   var renderRight = function renderRight() {
     return showSettings ? /*#__PURE__*/_react.default.createElement(_Settings.default, {
       onLogOut: onLogOut
     }) : null;
   };
-
   var renderTwakeRight = function renderTwakeRight() {
     // Special case because search on Drive on mobile still rely
     // on old search UI that is injected in the cozy-bar and
@@ -217,7 +178,6 @@ var Bar = function Bar(_ref) {
       onLogOut: onLogOut
     }));
   };
-
   var renderSearch = function renderSearch() {
     return searchOptions.enabled && !isMobile ? /*#__PURE__*/_react.default.createElement("div", {
       className: "u-flex-grow u-mh-2"
@@ -229,11 +189,10 @@ var Bar = function Bar(_ref) {
       }
     })) : null;
   };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "coz-bar-wrapper",
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.Wrapper, {
+    className: (0, _classnames.default)('coz-bar-wrapper', componentsProps === null || componentsProps === void 0 || (_componentsProps$Wrap = componentsProps.Wrapper) === null || _componentsProps$Wrap === void 0 ? void 0 : _componentsProps$Wrap.className),
     "data-testid": "coz-bar-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     id: "cozy-bar-modal-dom-place"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "coz-bar-container"
@@ -249,8 +208,6 @@ var Bar = function Bar(_ref) {
     isInvertedTheme: isInvertedTheme
   }) : null), userActionRequired && /*#__PURE__*/_react.default.createElement(_Banner.default, userActionRequired));
 };
-
-exports.Bar = Bar;
 Bar.propTypes = {
   appName: _propTypes.default.string,
   appNamePrefix: _propTypes.default.string,
@@ -260,19 +217,20 @@ Bar.propTypes = {
   isInvertedTheme: _propTypes.default.bool,
   onLogOut: _propTypes.default.func,
   onDrawer: _propTypes.default.func,
-  userActionRequired: _propTypes.default.object
+  userActionRequired: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    Wrapper: _propTypes.default.shape({
+      className: _propTypes.default.string
+    })
+  })
 };
-
-var mapStateToProps = function mapStateToProps(state) {
+var mapStateToProps = exports.mapStateToProps = function mapStateToProps(state) {
   return {
     hasFetchedApps: (0, _reducers.hasFetched)(state),
     homeApp: (0, _reducers.getHomeApp)(state)
   };
 };
-
-exports.mapStateToProps = mapStateToProps;
-
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps = exports.mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     fetchApps: function fetchApps() {
       return dispatch((0, _reducers.fetchApps)());
@@ -285,9 +243,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     }
   };
 };
-
-exports.mapDispatchToProps = mapDispatchToProps;
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Bar);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Bar);

package/dist/components/BarCenter.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarCenter = BarCenter;
-
 var _react = require("react");
-
 var _BarProvider = require("./BarProvider");
-
 function BarCenter(_ref) {
   var children = _ref.children;
   var barContext = (0, _BarProvider.useBarContext)();