cozy-bar 8.4.2 → 8.4.3

package/transpiled/components/Claudy.js

@@ -1,123 +0,0 @@
-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 { getIntents } from "../lib/stack";
-
-var Claudy = /*#__PURE__*/function (_Component) {
-  _inherits(Claudy, _Component);
-
-  var _super = _createSuper(Claudy);
-
-  function Claudy(props, context) {
-    var _this;
-
-    _classCallCheck(this, Claudy);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "toggle", function () {
-      if (!_this.props.opened && !_this.intentWrapperRef.childNodes.length) {
-        _this.setState({
-          isLoading: true
-        }); // init Claudy intent
-
-
-        _this.intents.create('CLAUDY', 'io.cozy.settings', {
-          exposeIntentFrameRemoval: true
-        }).start(_this.intentWrapperRef, function () {
-          _this.setState({
-            isLoading: false,
-            isActive: true
-          });
-
-          _this.props.onToggle(); // toggle claudy when the intent is loaded
-
-        }).then(function (_ref) {
-          var removeIntentIframe = _ref.removeIntentIframe;
-
-          // exposeFrameRemoval intent event
-          // remove the intent frame at the end of the menu closing transition
-          var closedListener = function closedListener(e) {
-            if (e.propertyName === 'transform') {
-              removeIntentIframe();
-
-              _this.setState({
-                isActive: false
-              });
-
-              e.target.removeEventListener('transitionend', closedListener);
-            }
-          };
-
-          _this.intentWrapperRef.addEventListener('transitionend', closedListener, false);
-
-          _this.props.onToggle();
-        });
-      } else {
-        _this.setState({
-          isActive: !_this.state.isActive
-        });
-
-        _this.props.onToggle();
-      }
-    });
-
-    _this.store = context.barStore;
-    _this.state = {
-      isLoading: false,
-      isActive: false
-    };
-    _this.intents = getIntents();
-    return _this;
-  }
-
-  _createClass(Claudy, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.claudyFired) this.toggle();
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      return this.UNSAFE_componentWillReceiveProps(nextProps);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var opened = this.props.opened;
-      var _this$state = this.state,
-          isLoading = _this$state.isLoading,
-          isActive = _this$state.isActive;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "coz-claudy ".concat(opened ? 'coz-claudy--opened' : '')
-      }, /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "coz-claudy-icon coz-bar-hide-sm",
-        "data-claudy-opened": isActive,
-        "data-claudy-loading": isLoading,
-        onClick: this.toggle
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "coz-claudy-intent-wrapper",
-        ref: function ref(wrapper) {
-          _this2.intentWrapperRef = wrapper;
-        }
-      }));
-    }
-  }]);
-
-  return Claudy;
-}(Component);
-
-export default Claudy;

package/transpiled/components/ClaudyIcon.js

@@ -1,16 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-
-function SvgIconClaudy(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M22 12h-7c-.6 0-1 .4-1 1s.4 1 1 1h7c.6 0 1-.4 1-1s-.4-1-1-1zm3-5H15c-.5 0-1 .4-1 1s.4 1 1 1h10c.5 0 1-.4 1-1s-.4-1-1-1z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M31 1H9c-.6 0-1 .5-1 1v15c2.2 0 4.1 1.2 5.2 3H18v1.9c0 .6.4.7.8.4l3.3-2.3H31c.6 0 1-.5 1-1V2c0-.6-.4-1-1-1zm-9 13h-7c-.6 0-1-.4-1-1s.4-1 1-1h7c.6 0 1 .4 1 1s-.4 1-1 1zm3-5H15c-.6 0-1-.4-1-1s.5-1 1-1h10c.6 0 1 .4 1 1s-.5 1-1 1zM10.4 26.7c0 .1-.7 1.3-2.4 1.3-1.8 0-2.4-1.2-2.4-1.3-.1-.2 0-.5.2-.7.2-.1.5 0 .7.2 0 0 .4.7 1.6.7 1.1 0 1.5-.7 1.6-.7.1-.2.4-.3.7-.2.1.2.2.5 0 .7M12 23c0-2.2-1.8-4-4-4s-4 1.8-4 4c-2.2 0-4 1.8-4 4s1.8 4 4 4h8c2.2 0 4-1.8 4-4s-1.8-4-4-4"
-  }));
-}
-
-export default SvgIconClaudy;

package/transpiled/components/Drawer.js

@@ -1,367 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-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 { connect } from 'react-redux';
-import Hammer from 'hammerjs';
-import AppsContent from "./Apps/AppsContent";
-import SettingsContent from "./Settings/SettingsContent";
-import { fetchSettingsData as _fetchSettingsData, getSettingsAppURL, getStorageData, logOut as _logOut } from "../lib/reducers";
-
-var Drawer = /*#__PURE__*/function (_Component) {
-  _inherits(Drawer, _Component);
-
-  var _super = _createSuper(Drawer);
-
-  function Drawer(props) {
-    var _this;
-
-    _classCallCheck(this, Drawer);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "onDrawerClick", function (event) {
-      if (event.target === _this.wrapperRef) {
-        _this.close();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onTransitionEnd", function () {
-      if (_this.props.visible) {
-        if (!_this.gesturesHandler) _this.attachGestures();
-
-        _this.preventBackgroundScrolling();
-      } else {
-        _this.restoreBackgroundScrolling();
-
-        _this.setState({
-          isClosing: false
-        });
-      }
-
-      _this.props.drawerListener();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "componentWillReceiveProps", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(nextProps) {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return _this.UNSAFE_componentWillReceiveProps(nextProps);
-
-              case 2:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-
-    _defineProperty(_assertThisInitialized(_this), "UNSAFE_componentWillReceiveProps", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(nextProps) {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!(!_this.props.visible && nextProps.visible)) {
-                  _context2.next = 3;
-                  break;
-                }
-
-                _context2.next = 3;
-                return _this.props.fetchSettingsData();
-
-              case 3:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
-
-      return function (_x2) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-
-    _defineProperty(_assertThisInitialized(_this), "close", function () {
-      if (_this.state.isClosing) return;
-
-      _this.detachGestures();
-
-      _this.setState(function () {
-        return {
-          isClosing: true
-        };
-      });
-
-      _this.turnTransitionsOn();
-
-      _this.props.onClose();
-
-      _this.asideRef.style.transform = '';
-    });
-
-    _this.state = {
-      isScrolling: false,
-      isClosing: false
-    };
-    _this.handleLogout = _this.handleLogout.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(Drawer, [{
-    key: "componentDidMount",
-    value: function () {
-      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                this.turnTransitionsOn();
-
-              case 1:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this);
-      }));
-
-      function componentDidMount() {
-        return _componentDidMount.apply(this, arguments);
-      }
-
-      return componentDidMount;
-    }()
-  }, {
-    key: "turnTransitionsOn",
-    value: function turnTransitionsOn() {
-      this.asideRef.classList.add('with-transition');
-      this.asideRef.addEventListener('transitionend', this.onTransitionEnd);
-    }
-  }, {
-    key: "turnTransitionsOff",
-    value: function turnTransitionsOff() {
-      this.asideRef.classList.remove('with-transition');
-      this.asideRef.removeEventListener('transitionend', this.onTransitionEnd);
-    }
-  }, {
-    key: "preventBackgroundScrolling",
-    value: function preventBackgroundScrolling() {
-      document.body.style.overflow = 'hidden';
-    }
-  }, {
-    key: "restoreBackgroundScrolling",
-    value: function restoreBackgroundScrolling() {
-      document.body.style.overflow = 'auto';
-    }
-  }, {
-    key: "detachGestures",
-    value: function detachGestures() {
-      this.gesturesHandler.destroy();
-      this.gesturesHandler = null;
-    }
-  }, {
-    key: "attachGestures",
-    value: function attachGestures() {
-      var _this2 = this;
-
-      // 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 drawer.css
-      this.gesturesHandler = new Hammer.Manager(document.documentElement, {
-        // we listen in all directions so that we can catch panup/pandown events and let the user scroll
-        recognizers: [[Hammer.Pan, {
-          direction: Hammer.DIRECTION_ALL
-        }]]
-      }); // to be completely accurate, `maximumGestureDelta` should be the difference between the right of the aside and the
-      // left of the page; but using the width is much easier to compute and accurate enough.
-
-      var maximumGestureDistance = this.asideRef.getBoundingClientRect().width; // between 0 and 1, how far down the gesture must be to be considered complete upon release
-
-      var minimumCloseDistance = 0.4; // a gesture faster than this will dismiss the menu, regardless of distance traveled
-
-      var minimumCloseVelocity = 0.2;
-      var currentGestureProgress = null;
-      this.gesturesHandler.on('panstart', function (event) {
-        if (_this2.state.isClosing) return;
-
-        if (event.additionalEvent === 'panup' || event.additionalEvent === 'pandown') {
-          _this2.setState({
-            isScrolling: true
-          });
-        } else {
-          _this2.turnTransitionsOff();
-
-          currentGestureProgress = 0;
-        }
-      });
-      this.gesturesHandler.on('pan', function (e) {
-        if (_this2.state.isClosing || _this2.state.isScrolling) return;
-        currentGestureProgress = -e.deltaX / maximumGestureDistance;
-
-        _this2.applyTransformation(currentGestureProgress);
-      });
-      this.gesturesHandler.on('panend', function (e) {
-        if (_this2.state.isClosing) return;
-
-        if (_this2.state.isScrolling) {
-          _this2.setState({
-            isScrolling: false
-          });
-
-          return;
-        } // Dismiss the menu if the swipe pan was bigger than the treshold,
-        // or if it was a fast, leftward gesture
-
-
-        var haveTravelledFarEnough = -e.deltaX / maximumGestureDistance >= minimumCloseDistance;
-        var haveTravelledFastEnough = e.velocity < 0 && Math.abs(e.velocity) >= minimumCloseVelocity;
-        var shouldDismiss = haveTravelledFarEnough || haveTravelledFastEnough;
-
-        if (shouldDismiss) {
-          _this2.close();
-        } else {
-          _this2.turnTransitionsOn();
-
-          _this2.applyTransformation(0);
-        }
-      });
-    }
-  }, {
-    key: "applyTransformation",
-    value: function applyTransformation(progress) {
-      // constrain between 0 and 1.1 (go a bit further than 1 to be hidden completely)
-      progress = Math.min(1.1, Math.max(0, progress));
-      this.asideRef.style.transform = 'translateX(-' + progress * 100 + '%)';
-    }
-  }, {
-    key: "handleLogout",
-    value: function () {
-      var _handleLogout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _this$props, onLogOut, logOut, res;
-
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _this$props = this.props, onLogOut = _this$props.onLogOut, logOut = _this$props.logOut;
-
-                if (!(onLogOut && typeof onLogOut === 'function')) {
-                  _context4.next = 6;
-                  break;
-                }
-
-                res = onLogOut();
-
-                if (!(res instanceof Promise)) {
-                  _context4.next = 6;
-                  break;
-                }
-
-                _context4.next = 6;
-                return res;
-
-              case 6:
-                logOut();
-
-              case 7:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this);
-      }));
-
-      function handleLogout() {
-        return _handleLogout.apply(this, arguments);
-      }
-
-      return handleLogout;
-    }()
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          onClaudy = _this$props2.onClaudy,
-          visible = _this$props2.visible,
-          isClaudyLoading = _this$props2.isClaudyLoading,
-          toggleSupport = _this$props2.toggleSupport,
-          settingsAppURL = _this$props2.settingsAppURL,
-          storageData = _this$props2.storageData;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "coz-drawer-wrapper",
-        onClick: this.onDrawerClick,
-        "aria-hidden": visible ? 'false' : 'true',
-        ref: function ref(node) {
-          _this3.wrapperRef = node;
-        }
-      }, /*#__PURE__*/React.createElement("aside", {
-        ref: function ref(node) {
-          _this3.asideRef = node;
-        }
-      }, /*#__PURE__*/React.createElement("nav", {
-        className: "coz-drawer--apps"
-      }, /*#__PURE__*/React.createElement(AppsContent, {
-        onAppSwitch: this.close
-      })), /*#__PURE__*/React.createElement("hr", {
-        className: "coz-sep-flex"
-      }), /*#__PURE__*/React.createElement("nav", {
-        className: "coz-drawer--settings"
-      }, /*#__PURE__*/React.createElement(SettingsContent, {
-        onLogOut: this.handleLogout,
-        storageData: storageData,
-        settingsAppURL: settingsAppURL,
-        isClaudyLoading: isClaudyLoading,
-        onClaudy: onClaudy,
-        toggleSupport: toggleSupport,
-        isDrawer: true
-      }))));
-    }
-  }]);
-
-  return Drawer;
-}(Component);
-
-export { Drawer };
-
-var mapStateToProps = function mapStateToProps(state) {
-  return {
-    storageData: getStorageData(state),
-    settingsAppURL: getSettingsAppURL(state)
-  };
-};
-
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return {
-    fetchSettingsData: function fetchSettingsData() {
-      return dispatch(_fetchSettingsData());
-    },
-    logOut: function logOut() {
-      return dispatch(_logOut());
-    }
-  };
-};
-
-export default connect(mapStateToProps, mapDispatchToProps)(Drawer);

package/transpiled/components/Drawer.spec.jsx

@@ -1,98 +0,0 @@
-import React from 'react'
-import { Provider } from 'react-redux'
-
-import I18n from 'cozy-ui/react/I18n'
-import { createStore } from 'lib/store'
-import enLocale from 'locales/en.json'
-import { render, screen, fireEvent, act } from '@testing-library/react'
-import { Drawer } from './Drawer'
-
-const sleep = duration => new Promise(resolve => setTimeout(resolve, duration))
-
-const fakeStore = createStore()
-
-const Wrapper = ({ children }) => {
-  return (
-    <Provider store={fakeStore}>
-      <I18n dictRequire={() => enLocale} lang="en">
-        {children}
-      </I18n>
-    </Provider>
-  )
-}
-
-describe('bar', () => {
-  describe('logout', () => {
-    const findLogoutButton = () => {
-      return screen.getByText('Sign out')
-    }
-    const setup = ({ onLogOut, logOut }) => {
-      render(
-        <Wrapper>
-          <Drawer
-            toggleSupport={jest.fn()}
-            logOut={logOut}
-            onLogOut={onLogOut}
-          />
-        </Wrapper>
-      )
-    }
-
-    const clickLogout = () => {
-      const logoutButton = findLogoutButton()
-      fireEvent(
-        logoutButton,
-        new MouseEvent('click', {
-          bubbles: true,
-          cancelable: true
-        })
-      )
-    }
-
-    it('should await the onLogOut', async () => {
-      let prom
-      const callOrder = []
-      const logOut = jest.fn().mockImplementation(() => {
-        callOrder.push('logOut')
-      })
-      const onLogOut = jest.fn().mockImplementation(async () => {
-        prom = sleep(100)
-        callOrder.push('onLogOut')
-        await prom
-      })
-
-      setup({ logOut, onLogOut })
-
-      act(() => {
-        clickLogout()
-      })
-
-      expect(logOut).not.toHaveBeenCalled()
-      await prom
-      await sleep(0)
-      expect(logOut).toHaveBeenCalled()
-      expect(onLogOut).toHaveBeenCalled()
-      expect(callOrder).toEqual(['onLogOut', 'logOut'])
-    })
-
-    it('should work if onLogOut has not been passed', () => {
-      const logOut = jest.fn()
-      setup({ logOut })
-      act(() => {
-        clickLogout()
-      })
-      expect(logOut).toHaveBeenCalled()
-    })
-
-    it('should work if onLogOut does not return a promise', () => {
-      const logOut = jest.fn()
-      const onLogOut = jest.fn()
-      setup({ logOut, onLogOut })
-      act(() => {
-        clickLogout()
-      })
-      expect(logOut).toHaveBeenCalled()
-      expect(onLogOut).toHaveBeenCalled()
-    })
-  })
-})