cozy-bar 8.4.3 → 8.4.4

package/transpiled/components/Apps/AppNavButtons.js

@@ -0,0 +1,108 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import TopIcon from "cozy-ui/transpiled/react/Icons/Top";
+import { translate } from "cozy-ui/transpiled/react/I18n";
+import { ButtonCozyHome } from "./ButtonCozyHome";
+import { getHomeApp } from "../../lib/reducers";
+import { isFetchingApps } from "../../lib/reducers";
+
+var AppNavButton = /*#__PURE__*/function (_Component) {
+  _inherits(AppNavButton, _Component);
+
+  var _super = _createSuper(AppNavButton);
+
+  function AppNavButton() {
+    _classCallCheck(this, AppNavButton);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(AppNavButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          homeApp = _this$props.homeApp,
+          handleClick = _this$props.handleClick,
+          appName = _this$props.appName,
+          appNamePrefix = _this$props.appNamePrefix,
+          appSlug = _this$props.appSlug,
+          iconPath = _this$props.iconPath,
+          isFetchingApps = _this$props.isFetchingApps,
+          isPublic = _this$props.isPublic,
+          opened = _this$props.opened,
+          t = _this$props.t;
+      var isHomeApp = homeApp && homeApp.isCurrentApp;
+
+      if (!isPublic && isFetchingApps) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "coz-nav-apps-btns --loading"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "coz-nav-apps-btns-home coz-loading-placeholder"
+        }), /*#__PURE__*/React.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.createElement("div", {
+        className: "coz-nav-apps-btns".concat(isHomeApp ? ' --currentHome' : '')
+      }, /*#__PURE__*/React.createElement(ButtonCozyHome, {
+        homeHref: homeHref
+      }), !isHomeApp && /*#__PURE__*/React.createElement("span", {
+        className: "coz-nav-apps-btns-sep"
+      }), /*#__PURE__*/React.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.createElement("img", {
+        className: "coz-bar-hide-sm",
+        src: iconPath,
+        width: "28",
+        alt: ""
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "coz-nav-app-name"
+      }, displayName), !isPublic && /*#__PURE__*/React.createElement(Icon, {
+        icon: opened ? TopIcon : BottomIcon,
+        color: "#95999d",
+        size: "12"
+      })));
+    }
+  }]);
+
+  return AppNavButton;
+}(Component);
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    homeApp: getHomeApp(state),
+    isFetchingApps: isFetchingApps(state)
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps() {
+  return {};
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(translate()(AppNavButton));

package/transpiled/components/Apps/AppsContent.js

@@ -0,0 +1,124 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import Proptypes from 'prop-types';
+import { translate } from "cozy-ui/transpiled/react/I18n";
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import CloudIcon from 'cozy-ui/transpiled/react/Icons/Cloud';
+import withBreakpoints from "cozy-ui/transpiled/react/helpers/withBreakpoints";
+import { getApps, getHomeApp, isFetchingApps } from "../../lib/reducers";
+import AppItem from "./AppItem";
+import AppItemPlaceholder from "./AppItemPlaceholder";
+
+var sorter = function sorter(fn) {
+  return function (itemA, itemB) {
+    return fn(itemA) > fn(itemB);
+  };
+};
+
+export var AppsContent = /*#__PURE__*/function (_Component) {
+  _inherits(AppsContent, _Component);
+
+  var _super = _createSuper(AppsContent);
+
+  function AppsContent(props, context) {
+    var _this;
+
+    _classCallCheck(this, AppsContent);
+
+    _this = _super.call(this, props, context);
+    _this.translateApp = translateApp(_this.props.t);
+    return _this;
+  }
+
+  _createClass(AppsContent, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          t = _this$props.t,
+          apps = _this$props.apps,
+          breakpoints = _this$props.breakpoints,
+          homeApp = _this$props.homeApp,
+          isFetchingApps = _this$props.isFetchingApps,
+          onAppSwitch = _this$props.onAppSwitch;
+      var isMobile = breakpoints.isMobile;
+      var isHomeApp = homeApp && homeApp.isCurrentApp;
+      var homeSlug = homeApp && homeApp.slug;
+
+      if (!isFetchingApps && (!apps || !apps.length)) {
+        return /*#__PURE__*/React.createElement("p", {
+          className: "coz-nav--error coz-nav-group"
+        }, t('no_apps'));
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "coz-nav-pop-content"
+      }, /*#__PURE__*/React.createElement("ul", {
+        className: "coz-nav-group"
+      }, isMobile && homeApp && /*#__PURE__*/React.createElement(AppItem, {
+        app: homeApp,
+        useHomeIcon: true,
+        onAppSwitch: onAppSwitch
+      }), isFetchingApps ? new Array(3).fill({}).map(function (nothing, index) {
+        return /*#__PURE__*/React.createElement(AppItemPlaceholder, {
+          key: index
+        });
+      }) : apps.filter(function (app) {
+        return app.slug !== homeSlug;
+      }).sort(sorter(this.translateApp)).map(function (app, index) {
+        return /*#__PURE__*/React.createElement(AppItem, {
+          app: app,
+          key: index,
+          onAppSwitch: onAppSwitch
+        });
+      })), homeApp && !isMobile && !isHomeApp && /*#__PURE__*/React.createElement("a", {
+        role: "menuitem",
+        href: homeApp.href,
+        className: "coz-apps-home-btn"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: CloudIcon
+      }), t('menu.home')));
+    }
+  }]);
+
+  return AppsContent;
+}(Component);
+AppsContent.propTypes = {
+  homeApp: Proptypes.shape({
+    isCurrentApp: Proptypes.bool,
+    slug: Proptypes.string
+  }),
+  apps: Proptypes.array,
+  isFetchingApps: Proptypes.bool.isRequired
+};
+
+var translateApp = function translateApp(t) {
+  return function (app) {
+    var namePrefix = app.namePrefix ? t("".concat(app.slug, ".namePrefix"), {
+      _: app.namePrefix
+    }) : null;
+    var name = t("".concat(app.slug, ".name"), {
+      _: app.name
+    });
+    return namePrefix ? "".concat(namePrefix, " ").concat(name) : "".concat(name);
+  };
+};
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    apps: getApps(state),
+    homeApp: getHomeApp(state),
+    isFetchingApps: isFetchingApps(state)
+  };
+};
+
+export default connect(mapStateToProps)(translate()(withBreakpoints()(AppsContent)));

package/transpiled/components/Apps/ButtonCozyHome.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import IconCozyHome from "./IconCozyHome";
+export var ButtonCozyHome = function ButtonCozyHome(_ref) {
+  var webviewContext = _ref.webviewContext,
+      homeHref = _ref.homeHref;
+  if (webviewContext) return /*#__PURE__*/React.createElement("a", {
+    onClick: function onClick() {
+      webviewContext.call('backToHome');
+    },
+    className: "coz-nav-apps-btns-home"
+  }, /*#__PURE__*/React.createElement(IconCozyHome, {
+    className: "coz-nav-apps-btns-home-svg"
+  }));
+  if (homeHref) return /*#__PURE__*/React.createElement("a", {
+    href: homeHref,
+    className: "coz-nav-apps-btns-home"
+  }, /*#__PURE__*/React.createElement(IconCozyHome, {
+    className: "coz-nav-apps-btns-home-svg"
+  }));
+  return /*#__PURE__*/React.createElement("span", {
+    className: "coz-nav-apps-btns-home"
+  }, /*#__PURE__*/React.createElement(IconCozyHome, {
+    className: "coz-nav-apps-btns-home-svg"
+  }));
+};

package/transpiled/components/Apps/ButtonCozyHome.spec.jsx

@@ -0,0 +1,53 @@
+import React from 'react'
+import { shallow } from 'enzyme'
+
+import { ButtonCozyHome } from 'components/Apps/ButtonCozyHome'
+
+const homeHref = 'foo'
+const expectedCall = 'backToHome'
+const webviewContext = {
+  call: jest.fn()
+}
+
+describe('ButtonCozyHome', () => {
+  it('should render a span with no props', () => {
+    const render = shallow(<ButtonCozyHome />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('span')
+  })
+
+  it('should render an anchor with correct href when homeHref', () => {
+    const render = shallow(<ButtonCozyHome homeHref={homeHref} />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('a')
+    expect(element.props.href).toBe(homeHref)
+  })
+
+  it('should render an anchor when webviewContext', () => {
+    const render = shallow(<ButtonCozyHome webviewContext={webviewContext} />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('a')
+  })
+
+  it('should give priority to anchor if both webviewContext and homeHref are present', () => {
+    const render = shallow(
+      <ButtonCozyHome homeHref={homeHref} webviewContext={webviewContext} />
+    )
+    const element = render.getElement()
+
+    expect(element.type).toBe('a')
+  })
+
+  it('should call the correct context method on click', () => {
+    const render = shallow(
+      <ButtonCozyHome homeHref={homeHref} webviewContext={webviewContext} />
+    )
+
+    render.simulate('click')
+
+    expect(webviewContext.call).toBeCalledWith(expectedCall)
+  })
+})

package/transpiled/components/Apps/IconCozyHome.js

@@ -0,0 +1,67 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _extends from "@babel/runtime/helpers/extends";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+import React, { PureComponent } from 'react';
+import AppIcon from "cozy-ui/transpiled/react/AppIcon";
+import stack from "../../lib/stack";
+/* Generated with node_modules/.bin/svgr src/assets/sprites/icon-cozy-home.svg  */
+
+function SvgIconCozyHome(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 32,
+    height: 32
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("circle", {
+    fill: "#297EF2",
+    fillRule: "nonzero",
+    cx: 16,
+    cy: 16,
+    r: 16
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.314 17.561a.555.555 0 01-.82.12 4.044 4.044 0 01-2.499.862 4.04 4.04 0 01-2.494-.86.557.557 0 01-.815-.12.547.547 0 01.156-.748c.214-.14.229-.421.229-.424a.555.555 0 01.176-.385.504.504 0 01.386-.145.544.544 0 01.528.553c0 .004 0 .153-.054.36a2.954 2.954 0 003.784-.008 1.765 1.765 0 01-.053-.344.546.546 0 01.536-.561h.01c.294 0 .538.237.545.532 0 0 .015.282.227.422a.544.544 0 01.158.746m2.322-6.369a5.94 5.94 0 00-1.69-3.506A5.651 5.651 0 0015.916 6a5.648 5.648 0 00-4.029 1.687 5.936 5.936 0 00-1.691 3.524 5.677 5.677 0 00-3.433 1.737 5.966 5.966 0 00-1.643 4.137C5.12 20.347 7.704 23 10.882 23h10.236c3.176 0 5.762-2.653 5.762-5.915 0-3.083-2.31-5.623-5.244-5.893",
+    fill: "#FFF"
+  })));
+}
+
+var IconCozyHome = /*#__PURE__*/function (_PureComponent) {
+  _inherits(IconCozyHome, _PureComponent);
+
+  var _super = _createSuper(IconCozyHome);
+
+  function IconCozyHome() {
+    _classCallCheck(this, IconCozyHome);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(IconCozyHome, [{
+    key: "render",
+    value: function render() {
+      var className = this.props.className;
+
+      var fetchIcon = function fetchIcon() {
+        return "".concat(stack.get.cozyURL(), "/assets/images/icon-cozy-home.svg");
+      };
+
+      return /*#__PURE__*/React.createElement(AppIcon, {
+        fetchIcon: fetchIcon,
+        fallbackIcon: SvgIconCozyHome,
+        className: className
+      });
+    }
+  }]);
+
+  return IconCozyHome;
+}(PureComponent);
+
+export default IconCozyHome;

package/transpiled/components/Apps/index.js

@@ -0,0 +1,102 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+import React, { Component } from 'react';
+import AppsContent from "./AppsContent";
+import AppNavButtons from "./AppNavButtons";
+
+var Apps = /*#__PURE__*/function (_Component) {
+  _inherits(Apps, _Component);
+
+  var _super = _createSuper(Apps);
+
+  function Apps(props) {
+    var _this;
+
+    _classCallCheck(this, Apps);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "onClickOutside", function (event) {
+      if (_this.state.opened) {
+        // if it's not a cozy-bar nav popup, close the opened popup
+        if (!_this.rootRef.contains(event.target) && !_this.modalContainer.contains(event.target)) {
+          _this.setState({
+            opened: false
+          });
+
+          event.stopPropagation();
+        }
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "toggleMenu", function () {
+      _this.setState({
+        opened: !_this.state.opened
+      });
+    });
+
+    _this.state = {
+      opened: false
+    };
+    return _this;
+  }
+
+  _createClass(Apps, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.body.addEventListener('click', this.onClickOutside);
+      this.modalContainer = document.getElementById('cozy-bar-modal-dom-place');
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.body.removeEventListener('click', this.onClickOutside);
+    }
+  }, {
+    key: "render",
+    // data-tutorial attribute allows to be targeted in an application tutorial
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          appName = _this$props.appName,
+          appNamePrefix = _this$props.appNamePrefix,
+          appSlug = _this$props.appSlug,
+          iconPath = _this$props.iconPath,
+          isPublic = _this$props.isPublic;
+      var opened = this.state.opened;
+      return /*#__PURE__*/React.createElement("nav", {
+        className: "coz-nav coz-nav-apps",
+        ref: function ref(_ref) {
+          _this2.rootRef = _ref;
+        }
+      }, /*#__PURE__*/React.createElement(AppNavButtons, {
+        appName: appName,
+        appNamePrefix: appNamePrefix,
+        appSlug: appSlug,
+        iconPath: iconPath,
+        handleClick: this.toggleMenu,
+        opened: opened,
+        isPublic: isPublic
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "coz-nav-pop coz-nav-pop--apps",
+        id: "coz-nav-pop--apps",
+        "aria-hidden": !opened
+      }, /*#__PURE__*/React.createElement(AppsContent, null)));
+    }
+  }]);
+
+  return Apps;
+}(Component);
+
+export default Apps;

package/transpiled/components/Banner.js

@@ -0,0 +1,76 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+import React, { Component } from 'react';
+import { ButtonLink } from "cozy-ui/transpiled/react/Button";
+import { translate } from "cozy-ui/transpiled/react/I18n";
+
+var Banner = /*#__PURE__*/function (_Component) {
+  _inherits(Banner, _Component);
+
+  var _super = _createSuper(Banner);
+
+  function Banner(props) {
+    var _this;
+
+    _classCallCheck(this, Banner);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      unmounted: true
+    };
+    _this.animate = _this.animate.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(Banner, [{
+    key: "animate",
+    value: function animate() {
+      var _this2 = this;
+
+      // To animate we have to use a setTimeout to
+      // force a CSS class update and trigger CSS animation
+      return setTimeout(function () {
+        _this2.setState(function () {
+          return {
+            unmounted: false
+          };
+        });
+      }, 100);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.animate();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          t = _this$props.t,
+          code = _this$props.code,
+          links = _this$props.links;
+      var unmounted = this.state.unmounted;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "coz-bar-banner".concat(unmounted ? ' unmounted' : '')
+      }, /*#__PURE__*/React.createElement("p", null, t("banner.".concat(code, ".description"))), /*#__PURE__*/React.createElement(ButtonLink, {
+        className: "coz-bar-banner-button",
+        size: "tiny",
+        href: links,
+        label: t("banner.".concat(code, ".CTA"))
+      }));
+    }
+  }]);
+
+  return Banner;
+}(Component);
+
+export default translate()(Banner);