cozy-bar 32.0.0 → 33.0.1

package/dist/components/Banner.js

@@ -1,25 +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 _useI18n2 = _interopRequireDefault(require("./useI18n"));
+
 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; }
+
+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 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
@@ -39,4 +50,6 @@ var Banner = function Banner(_ref) {
     label: t("banner.".concat(code, ".CTA"))
   }));
 };
-var _default = exports.default = Banner;
+
+var _default = Banner;
+exports.default = _default;

package/dist/components/Bar.js

@@ -1,81 +1,119 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Bar = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-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 _AppTitle = _interopRequireDefault(require("cozy-ui/transpiled/react/AppTitle"));
-var _cozyDeviceHelper = require("cozy-device-helper");
-var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-var _Banner = _interopRequireDefault(require("./Banner"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _AppsMenu = _interopRequireDefault(require("./AppsMenu"));
+
+var _Banner = _interopRequireDefault(require("./Banner"));
+
 var _UserMenu = _interopRequireDefault(require("./UserMenu"));
+
+var _helpers = require("./helpers");
+
 var _ButtonCozyHome = _interopRequireDefault(require("./utils/ButtonCozyHome"));
-var _SearchButton = _interopRequireDefault(require("./utils/SearchButton"));
+
 var _HelpLink = _interopRequireDefault(require("./utils/HelpLink"));
+
+var _SearchButton = _interopRequireDefault(require("./utils/SearchButton"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _queries = require("../queries");
+
+var _react = _interopRequireWildcard(require("react"));
+
 var _cozyClient = require("cozy-client");
+
+var _cozyDeviceHelper = require("cozy-device-helper");
+
+var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
+
 var _cozySearch = require("cozy-search");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _queries = require("../queries");
-var _helpers = require("./helpers");
-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 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 Bar = exports.Bar = function Bar(_ref) {
+
+var _AppTitle = _interopRequireDefault(require("cozy-ui/transpiled/react/AppTitle"));
+
+var _Divider = _interopRequireDefault(require("cozy-ui/transpiled/react/Divider"));
+
+var _Grid = _interopRequireDefault(require("cozy-ui/transpiled/react/Grid"));
+
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
+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; }
+
+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 Bar = function Bar(_ref) {
   var _componentsProps$Wrap;
+
   var isPublic = _ref.isPublic,
-    barLeft = _ref.barLeft,
-    barRight = _ref.barRight,
-    barCenter = _ref.barCenter,
-    barSearch = _ref.barSearch,
-    onLogOut = _ref.onLogOut,
-    userActionRequired = _ref.userActionRequired,
-    appIcon = _ref.appIcon,
-    appTextIcon = _ref.appTextIcon,
-    searchOptions = _ref.searchOptions,
-    isInvertedTheme = _ref.isInvertedTheme,
-    appSlug = _ref.appSlug,
-    componentsProps = _ref.componentsProps;
+      barLeft = _ref.barLeft,
+      barRight = _ref.barRight,
+      barCenter = _ref.barCenter,
+      barSearch = _ref.barSearch,
+      onLogOut = _ref.onLogOut,
+      userActionRequired = _ref.userActionRequired,
+      appIcon = _ref.appIcon,
+      appTextIcon = _ref.appTextIcon,
+      searchOptions = _ref.searchOptions,
+      isInvertedTheme = _ref.isInvertedTheme,
+      appSlug = _ref.appSlug,
+      componentsProps = _ref.componentsProps;
+
   var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
-    isMobile = _useBreakpoints.isMobile;
+      isMobile = _useBreakpoints.isMobile;
+
   var shortcuts = (0, _cozyClient.useFetchHomeShortcuts)();
   var appsQuery = (0, _queries.buildAppsQuery)();
   var appsResult = (0, _cozyClient.useQuery)(appsQuery.definition, _objectSpread(_objectSpread({}, appsQuery.options), {}, {
     enabled: !isPublic
-  }));
+  })); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   var rawApps = appsResult.data || [];
   var isFetchingApps = appsResult.fetchStatus === 'loading';
+
   var _useMemo = (0, _react.useMemo)(function () {
-      return (0, _helpers.getAppsData)(rawApps, appSlug);
-    }, [rawApps, appSlug]),
-    apps = _useMemo.apps,
-    homeApp = _useMemo.homeApp,
-    isSettingsAppInstalled = _useMemo.isSettingsAppInstalled;
+    return (0, _helpers.getAppsData)(rawApps, appSlug);
+  }, [rawApps, appSlug]),
+      apps = _useMemo.apps,
+      homeApp = _useMemo.homeApp,
+      isSettingsAppInstalled = _useMemo.isSettingsAppInstalled;
+
   var isSearchEnabled = searchOptions.enabled && !isPublic;
+
   var renderCenter = function renderCenter() {
     return null;
   };
+
   var renderLeft = function renderLeft() {
     if ((0, _cozyDeviceHelper.isFlagshipApp)() || (0, _cozyFlags.default)('flagship.debug')) {
       return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.default, {
         isInvertedTheme: isInvertedTheme
       });
     }
+
     var homeHref = !isPublic && homeApp && homeApp.href;
+
     if (isMobile) {
       return /*#__PURE__*/_react.default.createElement(_ButtonCozyHome.default, {
         homeHref: homeHref
       });
     }
+
     var isHome = appSlug === 'home';
     return /*#__PURE__*/_react.default.createElement(_Grid.default, {
       container: true,
@@ -92,6 +130,7 @@ var Bar = exports.Bar = function Bar(_ref) {
       appTextIcon: appTextIcon
     }));
   };
+
   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
@@ -112,6 +151,7 @@ var Bar = exports.Bar = function Bar(_ref) {
       isSettingsAppInstalled: isSettingsAppInstalled
     }));
   };
+
   var renderSearch = function renderSearch() {
     return isSearchEnabled && !isMobile ? /*#__PURE__*/_react.default.createElement("div", {
       className: "u-flex-grow u-mh-2"
@@ -123,8 +163,9 @@ var Bar = exports.Bar = function Bar(_ref) {
       }
     })) : null;
   };
+
   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),
+    className: (0, _classnames.default)('coz-bar-wrapper', componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$Wrap = componentsProps.Wrapper) === null || _componentsProps$Wrap === void 0 ? void 0 : _componentsProps$Wrap.className),
     "data-testid": "coz-bar-wrapper"
   }), !isPublic && /*#__PURE__*/_react.default.createElement(_cozyClient.RealTimeQueries, {
     doctype: "io.cozy.apps"
@@ -136,6 +177,8 @@ var Bar = exports.Bar = function Bar(_ref) {
     className: "u-flex-grow"
   }, barSearch || renderSearch()), isSearchEnabled && isMobile ? /*#__PURE__*/_react.default.createElement(_SearchButton.default, null) : null, barRight, !isPublic && renderTwakeRight()), userActionRequired && /*#__PURE__*/_react.default.createElement(_Banner.default, userActionRequired));
 };
+
+exports.Bar = Bar;
 Bar.propTypes = {
   appSlug: _propTypes.default.string,
   isPublic: _propTypes.default.bool,
@@ -148,4 +191,5 @@ Bar.propTypes = {
     })
   })
 };
-var _default = exports.default = Bar;
+var _default = Bar;
+exports.default = _default;

package/dist/components/Bar.spec.jsx

@@ -1,34 +1,34 @@
+import { render } from '@testing-library/react'
 import React from 'react'
-import { isFlagshipApp } from 'cozy-device-helper'
 import { BarLike } from 'test/lib/BarLike'
 
-import { Bar } from './Bar'
-import { render } from '@testing-library/react'
 import { createMockClient } from 'cozy-client'
-import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-
 import { useInstanceInfo, useQuery } from 'cozy-client'
 import { shouldDisplayOffers } from 'cozy-client/dist/models/instance'
+import { isFlagshipApp } from 'cozy-device-helper'
+import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+
+import { Bar } from './Bar'
 
 jest.mock('cozy-device-helper', () => ({
-  ...require.requireActual('cozy-device-helper'),
+  ...jest.requireActual('cozy-device-helper'),
   isFlagshipApp: jest.fn()
 }))
 
 jest.mock('cozy-client', () => ({
-  ...require.requireActual('cozy-client'),
+  ...jest.requireActual('cozy-client'),
   useInstanceInfo: jest.fn(),
   useQuery: jest.fn(),
   RealTimeQueries: () => null
 }))
 
 jest.mock('cozy-client/dist/models/instance', () => ({
-  ...require.requireActual('cozy-client/dist/models/instance'),
+  ...jest.requireActual('cozy-client/dist/models/instance'),
   shouldDisplayOffers: jest.fn()
 }))
 
 jest.mock('cozy-ui/transpiled/react/providers/Breakpoints', () => ({
-  ...require.requireActual('cozy-ui/transpiled/react/providers/Breakpoints'),
+  ...jest.requireActual('cozy-ui/transpiled/react/providers/Breakpoints'),
   __esModule: true,
   useBreakpoints: jest.fn()
 }))

package/dist/components/BarCenter.js

@@ -4,8 +4,11 @@ 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)();
@@ -16,6 +19,7 @@ function BarCenter(_ref) {
         barContext.setBarCenter(null);
       };
     } else {
+      // eslint-disable-next-line no-console
       console.warn('You should not use BarCenter outside of a BarProvider');
     }
   }, [barContext, children]);

package/dist/components/BarComponent.js

@@ -1,56 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarComponent = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactDom = require("react-dom");
-var _dom = require("../dom");
-var _Bar = _interopRequireDefault(require("./Bar"));
+
 var _cozyClient = require("cozy-client");
+
 var _CozyTheme = _interopRequireDefault(require("cozy-ui-plus/dist/providers/CozyTheme"));
+
+var _dom = require("../dom");
+
+var _Bar = _interopRequireDefault(require("./Bar"));
+
 var _BarProvider = require("./BarProvider");
-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 createBarElement = function createBarElement() {
+
+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 createBarElement = function createBarElement(wrapperId) {
   var barNode = document.createElement('div');
-  barNode.setAttribute('id', 'coz-bar');
+  barNode.setAttribute('id', wrapperId);
   barNode.setAttribute('role', 'banner');
   barNode.classList.add("coz-target--browser");
   return barNode;
 };
-var createWrapperAndAppendToBody = function createWrapperAndAppendToBody() {
-  var barNode = createBarElement();
+
+var createWrapperAndAppendToBody = function createWrapperAndAppendToBody(wrapperId) {
+  var barNode = createBarElement(wrapperId);
   var appNode = document.querySelector(_dom.APP_SELECTOR);
+
   if (!appNode) {
     // eslint-disable-next-line no-console
     console.warn("Cozy-bar is looking for a \"".concat(_dom.APP_SELECTOR, "\" tag that contains your application and can't find it :'(\u2026 The BAR is now disabled"));
     return null;
   }
+
   document.body.insertBefore(barNode, appNode);
   document.body.classList.add('has-banner');
   return barNode;
 };
+
 function ReactPortal(_ref) {
   var children = _ref.children,
-    wrapperElement = _ref.wrapperElement,
-    setWrapperElement = _ref.setWrapperElement,
-    _ref$wrapperId = _ref.wrapperId,
-    wrapperId = _ref$wrapperId === void 0 ? 'cozy-bar' : _ref$wrapperId;
+      wrapperElement = _ref.wrapperElement,
+      setWrapperElement = _ref.setWrapperElement,
+      _ref$wrapperId = _ref.wrapperId,
+      wrapperId = _ref$wrapperId === void 0 ? 'cozy-bar' : _ref$wrapperId;
   (0, _react.useLayoutEffect)(function () {
     var element = document.getElementById(wrapperId);
-    var systemCreated = false;
-
-    // if element is not found with wrapperId or wrapperId is not provided,
+    var systemCreated = false; // if element is not found with wrapperId or wrapperId is not provided,
     // create and append to body
+
     if (!element) {
       systemCreated = true;
       element = createWrapperAndAppendToBody(wrapperId);
     }
+
     setWrapperElement(element);
     return function () {
       // delete the programatically created element
@@ -58,47 +75,48 @@ function ReactPortal(_ref) {
         element.parentNode.removeChild(element);
       }
     };
-  }, [setWrapperElement, wrapperId]);
+  }, [setWrapperElement, wrapperId]); // wrapperElement state will be null on the very first render.
 
-  // wrapperElement state will be null on the very first render.
   if (wrapperElement === null) return null;
   return /*#__PURE__*/(0, _reactDom.createPortal)(children, wrapperElement);
 }
-var BarComponent = exports.BarComponent = function BarComponent(_ref2) {
+
+var BarComponent = function BarComponent(_ref2) {
   var _ref2$appName = _ref2.appName,
-    appName = _ref2$appName === void 0 ? (0, _dom.getAppName)() : _ref2$appName,
-    _ref2$appNamePrefix = _ref2.appNamePrefix,
-    appNamePrefix = _ref2$appNamePrefix === void 0 ? (0, _dom.getAppNamePrefix)() : _ref2$appNamePrefix,
-    _ref2$appSlug = _ref2.appSlug,
-    appSlug = _ref2$appSlug === void 0 ? (0, _dom.getAppSlug)() : _ref2$appSlug,
-    _ref2$iconPath = _ref2.iconPath,
-    iconPath = _ref2$iconPath === void 0 ? (0, _dom.getDefaultIcon)() : _ref2$iconPath,
-    isInvertedTheme = _ref2.isInvertedTheme,
-    _ref2$isPublic = _ref2.isPublic,
-    isPublic = _ref2$isPublic === void 0 ? false : _ref2$isPublic,
-    onLogOut = _ref2.onLogOut,
-    appIcon = _ref2.appIcon,
-    appTextIcon = _ref2.appTextIcon,
-    _ref2$searchOptions = _ref2.searchOptions,
-    searchOptions = _ref2$searchOptions === void 0 ? {
-      enabled: true
-    } : _ref2$searchOptions,
-    _ref2$componentsProps = _ref2.componentsProps,
-    componentsProps = _ref2$componentsProps === void 0 ? {} : _ref2$componentsProps;
+      appName = _ref2$appName === void 0 ? (0, _dom.getAppName)() : _ref2$appName,
+      _ref2$appNamePrefix = _ref2.appNamePrefix,
+      appNamePrefix = _ref2$appNamePrefix === void 0 ? (0, _dom.getAppNamePrefix)() : _ref2$appNamePrefix,
+      _ref2$appSlug = _ref2.appSlug,
+      appSlug = _ref2$appSlug === void 0 ? (0, _dom.getAppSlug)() : _ref2$appSlug,
+      _ref2$iconPath = _ref2.iconPath,
+      iconPath = _ref2$iconPath === void 0 ? (0, _dom.getDefaultIcon)() : _ref2$iconPath,
+      isInvertedTheme = _ref2.isInvertedTheme,
+      _ref2$isPublic = _ref2.isPublic,
+      isPublic = _ref2$isPublic === void 0 ? false : _ref2$isPublic,
+      onLogOut = _ref2.onLogOut,
+      appIcon = _ref2.appIcon,
+      appTextIcon = _ref2.appTextIcon,
+      _ref2$searchOptions = _ref2.searchOptions,
+      searchOptions = _ref2$searchOptions === void 0 ? {
+    enabled: true
+  } : _ref2$searchOptions,
+      _ref2$componentsProps = _ref2.componentsProps,
+      componentsProps = _ref2$componentsProps === void 0 ? {} : _ref2$componentsProps;
   var barContext = (0, _BarProvider.useBarContext)();
+
   var _ref3 = barContext || {},
-    barSearch = _ref3.barSearch,
-    barLeft = _ref3.barLeft,
-    barCenter = _ref3.barCenter,
-    barRight = _ref3.barRight,
-    themeVariant = _ref3.themeVariant;
+      barSearch = _ref3.barSearch,
+      barLeft = _ref3.barLeft,
+      barCenter = _ref3.barCenter,
+      barRight = _ref3.barRight;
+
   var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    wrapperElement = _useState2[0],
-    setWrapperElement = _useState2[1];
-  var cozyClient = (0, _cozyClient.useClient)();
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      wrapperElement = _useState2[0],
+      setWrapperElement = _useState2[1];
+
+  var cozyClient = (0, _cozyClient.useClient)(); // Force public mode in `/public` URLs
 
-  // Force public mode in `/public` URLs
   var isPublicForce = !isPublic && /^\/public/.test(window.location.pathname);
   var options = {
     appName: appName,
@@ -115,6 +133,7 @@ var BarComponent = exports.BarComponent = function BarComponent(_ref2) {
     searchOptions: searchOptions,
     componentsProps: componentsProps,
     onDrawer: function onDrawer(visible) {
+      // eslint-disable-next-line react-hooks/immutability
       wrapperElement.dataset.visible = visible;
     }
   };
@@ -122,7 +141,6 @@ var BarComponent = exports.BarComponent = function BarComponent(_ref2) {
     wrapperElement: wrapperElement,
     setWrapperElement: setWrapperElement
   }, /*#__PURE__*/_react.default.createElement(_CozyTheme.default, {
-    variant: themeVariant,
     ignoreCozySettings: options.isPublic
   }, /*#__PURE__*/_react.default.createElement(_Bar.default, (0, _extends2.default)({}, options, {
     barSearch: barSearch,
@@ -130,4 +148,6 @@ var BarComponent = exports.BarComponent = function BarComponent(_ref2) {
     barCenter: barCenter,
     barRight: barRight
   }))));
-};
+};
+
+exports.BarComponent = BarComponent;

package/dist/components/BarLeft.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarLeft = BarLeft;
+
 var _react = require("react");
+
 var _BarProvider = require("./BarProvider");
+
 function BarLeft(_ref) {
   var children = _ref.children;
   var barContext = (0, _BarProvider.useBarContext)();
@@ -16,6 +19,7 @@ function BarLeft(_ref) {
         barContext.setBarLeft(null);
       };
     } else {
+      // eslint-disable-next-line no-console
       console.warn('You should not use BarLeft outside of a BarProvider');
     }
   }, [barContext, children]);

package/dist/components/BarProvider.js

@@ -1,41 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBarContext = exports.default = exports.BarContext = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
-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 BarContext = exports.BarContext = /*#__PURE__*/(0, _react.createContext)();
 
+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 BarContext = /*#__PURE__*/(0, _react.createContext)();
 /**
  * This provider allows you to hide banners while browsing the site
  */
+
+exports.BarContext = BarContext;
+
 var BarProvider = function BarProvider(_ref) {
   var children = _ref.children;
+
   var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    barCenter = _useState2[0],
-    setBarCenter = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      barCenter = _useState2[0],
+      setBarCenter = _useState2[1];
+
   var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    barRight = _useState4[0],
-    setBarRight = _useState4[1];
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      barRight = _useState4[0],
+      setBarRight = _useState4[1];
+
   var _useState5 = (0, _react.useState)(null),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    barLeft = _useState6[0],
-    setBarLeft = _useState6[1];
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      barLeft = _useState6[0],
+      setBarLeft = _useState6[1];
+
   var _useState7 = (0, _react.useState)(null),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    barSearch = _useState8[0],
-    setBarSearch = _useState8[1];
-  var _useState9 = (0, _react.useState)('normal'),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    themeVariant = _useState10[0],
-    setThemeVariant = _useState10[1];
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      barSearch = _useState8[0],
+      setBarSearch = _useState8[1];
+
   var value = (0, _react.useMemo)(function () {
     return {
       barCenter: barCenter,
@@ -45,16 +54,20 @@ var BarProvider = function BarProvider(_ref) {
       barLeft: barLeft,
       setBarLeft: setBarLeft,
       barSearch: barSearch,
-      setBarSearch: setBarSearch,
-      themeVariant: themeVariant,
-      setThemeVariant: setThemeVariant
+      setBarSearch: setBarSearch
     };
-  }, [barCenter, barLeft, barRight, barSearch, themeVariant]);
+  }, [barCenter, barLeft, barRight, barSearch]);
   return /*#__PURE__*/_react.default.createElement(BarContext.Provider, {
     value: value
   }, children);
 };
-var useBarContext = exports.useBarContext = function useBarContext() {
+
+var useBarContext = function useBarContext() {
   return (0, _react.useContext)(BarContext);
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(BarProvider);
+
+exports.useBarContext = useBarContext;
+
+var _default = /*#__PURE__*/(0, _react.memo)(BarProvider);
+
+exports.default = _default;

package/dist/components/BarRight.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarRight = BarRight;
+
 var _react = require("react");
+
 var _BarProvider = require("./BarProvider");
+
 function BarRight(_ref) {
   var children = _ref.children;
   var barContext = (0, _BarProvider.useBarContext)();
@@ -16,6 +19,7 @@ function BarRight(_ref) {
         barContext.setBarRight(null);
       };
     } else {
+      // eslint-disable-next-line no-console
       console.warn('You should not use BarRight outside of a BarProvider');
     }
   }, [barContext, children]);