cozy-bar 18.2.0 → 18.3.0

package/dist/components/BarComponent.js

@@ -1,40 +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.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 _reducers = require("../lib/reducers");
-
 var _dom = require("../dom");
-
 var _Bar = _interopRequireDefault(require("./Bar"));
-
 var _reactRedux = require("react-redux");
-
 var _cozyClient = require("cozy-client");
-
 var _cozyDeviceHelper = require("cozy-device-helper");
-
 var _CozyTheme = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/CozyTheme"));
-
 var _stack = _interopRequireDefault(require("../lib/stack"));
-
 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() {
   var targetName = (0, _cozyDeviceHelper.isMobileApp)() ? 'mobile' : 'browser';
   var barNode = document.createElement('div');
@@ -43,38 +28,34 @@ var createBarElement = function createBarElement() {
   barNode.classList.add("coz-target--".concat(targetName));
   return barNode;
 };
-
 var createWrapperAndAppendToBody = function createWrapperAndAppendToBody() {
   var barNode = createBarElement();
   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,
-    // create and append to body
+    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
@@ -82,62 +63,57 @@ function ReactPortal(_ref) {
         element.parentNode.removeChild(element);
       }
     };
-  }, [setWrapperElement, wrapperId]); // wrapperElement state will be null on the very first render.
+  }, [setWrapperElement, wrapperId]);
 
+  // wrapperElement state will be null on the very first render.
   if (wrapperElement === null) return null;
-  return (0, _reactDom.createPortal)(children, wrapperElement);
+  return /*#__PURE__*/(0, _reactDom.createPortal)(children, wrapperElement);
 }
-
-var BarComponent = function BarComponent(_ref2) {
+var BarComponent = exports.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,
-      _ref2$disableInternal = _ref2.disableInternalStore,
-      disableInternalStore = _ref2$disableInternal === void 0 ? false : _ref2$disableInternal,
-      _ref2$searchOptions = _ref2.searchOptions,
-      searchOptions = _ref2$searchOptions === void 0 ? {
-    enabled: false
-  } : _ref2$searchOptions;
+    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,
+    _ref2$disableInternal = _ref2.disableInternalStore,
+    disableInternalStore = _ref2$disableInternal === void 0 ? false : _ref2$disableInternal,
+    _ref2$searchOptions = _ref2.searchOptions,
+    searchOptions = _ref2$searchOptions === void 0 ? {
+      enabled: false
+    } : _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,
+    themeVariant = _ref3.themeVariant;
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      wrapperElement = _useState2[0],
-      setWrapperElement = _useState2[1];
-
-  var cozyClient = (0, _cozyClient.useClient)(); // Force public mode in `/public` URLs
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    wrapperElement = _useState2[0],
+    setWrapperElement = _useState2[1];
+  var cozyClient = (0, _cozyClient.useClient)();
 
+  // Force public mode in `/public` URLs
   var isPublicForce = !isPublic && /^\/public/.test(window.location.pathname);
-
   var getOrCreateStore = require("../lib/store").default;
-
   var store;
-
   if (disableInternalStore) {
     store = cozyClient.store;
   } else {
     store = getOrCreateStore();
   }
-
   (0, _react.useEffect)(function () {
     store.dispatch((0, _reducers.setInfos)(appName, appNamePrefix, appSlug));
-
     _stack.default.init({
       cozyClient: cozyClient,
       onCreate: function onCreate(data) {
@@ -159,6 +135,7 @@ var BarComponent = function BarComponent(_ref2) {
     onLogOut: onLogOut,
     userActionRequired: (0, _dom.getUserActionRequired)(),
     searchOptions: searchOptions,
+    componentsProps: componentsProps,
     onDrawer: function onDrawer(visible) {
       wrapperElement.dataset.visible = visible;
     }
@@ -182,6 +159,4 @@ var BarComponent = function BarComponent(_ref2) {
     barCenter: barCenter,
     barRight: barRight
   })))));
-};
-
-exports.BarComponent = BarComponent;
+};

package/dist/components/BarLeft.js

@@ -4,11 +4,8 @@ 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)();

package/dist/components/BarProvider.js

@@ -1,53 +1,41 @@
 "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.useBarContext = exports.BarContext = void 0;
-
+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)();
 
-var BarContext = (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];
-
+    _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];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    themeVariant = _useState10[0],
+    setThemeVariant = _useState10[1];
   var value = (0, _react.useMemo)(function () {
     return {
       barCenter: barCenter,
@@ -66,13 +54,7 @@ var BarProvider = function BarProvider(_ref) {
     value: value
   }, children);
 };
-
-var useBarContext = function useBarContext() {
+var useBarContext = exports.useBarContext = function useBarContext() {
   return (0, _react.useContext)(BarContext);
 };
-
-exports.useBarContext = useBarContext;
-
-var _default = (0, _react.memo)(BarProvider);
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(BarProvider);

package/dist/components/BarRight.js

@@ -4,11 +4,8 @@ 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)();

package/dist/components/BarRoutes.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarRoutes = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _cozyClient = require("cozy-client");
-
 var _cozySearch = require("cozy-search");
-
 var _reactRouterDom = require("react-router-dom");
-
-var BarRoutes = [/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+var BarRoutes = exports.BarRoutes = [/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
   key: "assistant/:conversationId",
   path: "assistant/:conversationId",
   element: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cozyClient.RealTimeQueries, {
@@ -25,5 +19,4 @@ var BarRoutes = [/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route
   key: "search",
   path: "search",
   element: /*#__PURE__*/_react.default.createElement(_cozySearch.SearchDialog, null)
-})];
-exports.BarRoutes = BarRoutes;
+})];

package/dist/components/BarSearch.js

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

package/dist/components/BarTheme.js

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