cozy-bar 8.4.2 → 8.4.3

package/transpiled/components/SearchBar.js

@@ -1,407 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-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 { translate } from "cozy-ui/transpiled/react/I18n";
-import Autosuggest from 'react-autosuggest';
-import debounce from 'lodash.debounce';
-import { fetchRawIntent } from "../lib/intents";
-import logger from "../lib/logger";
-var INTENT_VERB = 'OPEN';
-var INTENT_DOCTYPE = 'io.cozy.suggestions';
-var SUGGESTIONS_PER_SOURCE = 10;
-
-var normalizeString = function normalizeString(str) {
-  return str.toString().toLowerCase().replace(/\//g, ' ').normalize('NFD').replace(/[\u0300-\u036f]/g, '').split(' ');
-};
-
-var highlightQueryTerms = function highlightQueryTerms(searchResult, query) {
-  var normalizedQueryTerms = normalizeString(query);
-  var normalizedResultTerms = normalizeString(searchResult);
-  var matchedIntervals = [];
-  var spacerLength = 1;
-  var currentIndex = 0;
-  normalizedResultTerms.forEach(function (resultTerm) {
-    normalizedQueryTerms.forEach(function (queryTerm) {
-      var index = resultTerm.indexOf(queryTerm);
-
-      if (index >= 0) {
-        matchedIntervals.push({
-          from: currentIndex + index,
-          to: currentIndex + index + queryTerm.length
-        });
-      }
-    });
-    currentIndex += resultTerm.length + spacerLength;
-  }); // matchedIntervals can overlap, so we merge them.
-  // - sort the intervals by starting index
-  // - add the first interval to the stack
-  // - for every interval,
-  // - - add it to the stack if it doesn't overlap with the stack top
-  // - - or extend the stack top if the start overlaps and the new interval's top is bigger
-
-  var mergedIntervals = matchedIntervals.sort(function (intervalA, intervalB) {
-    return intervalA.from > intervalB.from;
-  }).reduce(function (computedIntervals, newInterval) {
-    if (computedIntervals.length === 0 || computedIntervals[computedIntervals.length - 1].to < newInterval.from) {
-      computedIntervals.push(newInterval);
-    } else if (computedIntervals[computedIntervals.length - 1].to < newInterval.to) {
-      computedIntervals[computedIntervals.length - 1].to = newInterval.to;
-    }
-
-    return computedIntervals;
-  }, []); // create an array containing the entire search result, with special characters, and the intervals surrounded y `<b>` tags
-
-  var slicedOriginalResult = mergedIntervals.length > 0 ? [searchResult.slice(0, mergedIntervals[0].from)] : searchResult;
-
-  for (var i = 0, l = mergedIntervals.length; i < l; ++i) {
-    slicedOriginalResult.push( /*#__PURE__*/React.createElement("b", null, searchResult.slice(mergedIntervals[i].from, mergedIntervals[i].to)));
-    if (i + 1 < l) slicedOriginalResult.push(searchResult.slice(mergedIntervals[i].to, mergedIntervals[i + 1].from));
-  }
-
-  if (mergedIntervals.length > 0) slicedOriginalResult.push(searchResult.slice(mergedIntervals[mergedIntervals.length - 1].to, searchResult.length));
-  return slicedOriginalResult;
-};
-
-var SearchBar = /*#__PURE__*/function (_Component) {
-  _inherits(SearchBar, _Component);
-
-  var _super = _createSuper(SearchBar);
-
-  function SearchBar() {
-    var _this;
-
-    _classCallCheck(this, SearchBar);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      input: '',
-      query: null,
-      searching: false,
-      focused: false,
-      suggestionsBySource: [],
-      sourceURLs: []
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "sources", []);
-
-    _defineProperty(_assertThisInitialized(_this), "onMessageFromSource", function (sources) {
-      return function (event) {
-        // this re-implements a subset of injectService found in lib/intents, though only the part that are useful for suggestions
-        var source = sources.find(function (source) {
-          return source.origin === event.origin;
-        });
-        if (!source) return null;
-
-        if (event.data.type === "intent-".concat(source.id, ":ready")) {
-          source.ready = true;
-          source.window = event.source;
-          source.window.postMessage({}, event.origin);
-        } else if (event.data.type === "intent-".concat(source.id, ":data") && source.resolvers[event.data.id]) {
-          source.resolvers[event.data.id]({
-            id: source.id,
-            suggestions: event.data.suggestions
-          });
-          delete source.resolvers[event.data.id];
-        } else {
-          logger.log('unhandled message:', event);
-        }
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (event, _ref) {
-      var newValue = _ref.newValue;
-
-      _this.setState({
-        input: newValue
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "changeFocusState", function (focused) {
-      _this.setState({
-        focused: focused
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "clearSuggestions", function () {
-      _this.setState({
-        suggestionsBySource: []
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSuggestionsFetchRequested", function (_ref2) {
-      var value = _ref2.value;
-
-      var availableSources = _this.sources.filter(function (source) {
-        return source.ready;
-      });
-
-      if (availableSources.length > 0) {
-        // We defer the emptying of `suggestionsBySource` so that we still display
-        // the previous suggestion list
-        _this.setState(function (state) {
-          return _objectSpread({}, state, {
-            searching: true
-          });
-        });
-
-        availableSources.forEach( /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(source) {
-            var _yield$Promise, id, suggestions, title;
-
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    _context.next = 2;
-                    return new Promise(function (resolve) {
-                      var resolverId = new Date().getTime().toString();
-                      source.resolvers[resolverId] = resolve;
-                      source.window.postMessage({
-                        query: value,
-                        id: resolverId
-                      }, source.origin);
-                    });
-
-                  case 2:
-                    _yield$Promise = _context.sent;
-                    id = _yield$Promise.id;
-                    suggestions = _yield$Promise.suggestions;
-                    title = _this.sources.find(function (source) {
-                      return source.id === id;
-                    }).slug; // This is the first result we get for this new search term,
-                    // we can now update `query` and replace the previous `suggestionsBySource`
-
-                    if (_this.state.query !== value) {
-                      _this.setState(function (state) {
-                        return _objectSpread({}, state, {
-                          searching: false,
-                          query: value,
-                          suggestionsBySource: [{
-                            title: title,
-                            suggestions: suggestions
-                          }]
-                        });
-                      });
-                    } else {
-                      _this.setState(function (state) {
-                        return _objectSpread({}, state, {
-                          suggestionsBySource: [].concat(_toConsumableArray(state.suggestionsBySource), [{
-                            title: title,
-                            suggestions: suggestions
-                          }])
-                        });
-                      });
-                    }
-
-                  case 7:
-                  case "end":
-                    return _context.stop();
-                }
-              }
-            }, _callee);
-          }));
-
-          return function (_x) {
-            return _ref3.apply(this, arguments);
-          };
-        }());
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSuggestionsClearRequested", function () {
-      _this.clearSuggestions();
-
-      _this.debouncedOnSuggestionsFetchRequested.cancel();
-
-      _this.setState({
-        query: null,
-        searching: false
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSuggestionSelected", function (event, _ref4) {
-      var suggestion = _ref4.suggestion;
-      var onSelect = suggestion.onSelect; // `onSelect` is a string that describes what should happen when the suggestion is selected. Currently, the only format we're supporting is `open:http://example.com` to change the url of the current page.
-
-      if (/^open:/.test(onSelect)) {
-        var url = onSelect.substr(5);
-        window.location.href = url;
-      } else {
-        // eslint-disable-next-line no-console
-        console.log('suggestion onSelect (' + onSelect + ') could not be executed');
-      }
-
-      _this.setState({
-        input: '',
-        query: null
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getSectionSuggestions", function (section) {
-      return section.suggestions.slice(0, SUGGESTIONS_PER_SOURCE);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getSuggestionValue", function (suggestion) {
-      return suggestion.subtitle;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderSectionTitle", function () {
-      return null;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderSuggestion", function (suggestion) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "coz-searchbar-autosuggest-suggestion-item"
-      }, suggestion.icon && /*#__PURE__*/React.createElement("img", {
-        className: "coz-searchbar-autosuggest-suggestion-icon",
-        src: suggestion.icon,
-        alt: "icon"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "coz-searchbar-autosuggest-suggestion-content"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "coz-searchbar-autosuggest-suggestion-title"
-      }, highlightQueryTerms(suggestion.title, _this.state.query)), suggestion.subtitle && /*#__PURE__*/React.createElement("div", {
-        className: "coz-searchbar-autosuggest-suggestion-subtitle"
-      }, highlightQueryTerms(suggestion.subtitle, _this.state.query))));
-    });
-
-    return _this;
-  }
-
-  _createClass(SearchBar, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      this.debouncedOnSuggestionsFetchRequested = debounce(this.onSuggestionsFetchRequested, 250);
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      // The searchbar has one or more sources that provide suggestions. These sources are iframes into other apps, provied by thee intent system.
-      // Since we need to call the sources whenever the query changes, we are taking manual control over the intent process.
-      fetchRawIntent(INTENT_VERB, INTENT_DOCTYPE).then(function (intent) {
-        var services = intent.attributes.services;
-        if (!services) return null;
-        _this2.sources = services.map(function (service) {
-          var url = service.href;
-
-          _this2.setState(function (state) {
-            return _objectSpread({}, state, {
-              sourceURLs: [].concat(_toConsumableArray(state.sourceURLs), [url])
-            });
-          });
-
-          var serviceOrigin = url.split('/', 3).join('/');
-          return {
-            slug: service.slug,
-            // can be used to show where a suggestion comes from
-            origin: serviceOrigin,
-            id: intent._id,
-            ready: false,
-            window: null,
-            // will hold a reference to the window we're sending messages to
-            resolvers: {} // will hold references to a function to call when the source sends suggestions
-
-          };
-        });
-        window.addEventListener('message', _this2.onMessageFromSource(_this2.sources));
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$state = this.state,
-          input = _this$state.input,
-          query = _this$state.query,
-          searching = _this$state.searching,
-          focused = _this$state.focused,
-          suggestionsBySource = _this$state.suggestionsBySource,
-          sourceURLs = _this$state.sourceURLs;
-      if (sourceURLs.length === 0) return null;
-      var t = this.props.t;
-      var isInitialSearch = input !== '' && query === null;
-      var hasSuggestions = suggestionsBySource.reduce(function (totalSuggestions, suggestionSection) {
-        return totalSuggestions + suggestionSection.suggestions.length;
-      }, 0) > 0;
-      var inputProps = {
-        placeholder: t('searchbar.placeholder'),
-        value: input,
-        onChange: this.onChange,
-        onFocus: function onFocus() {
-          return _this3.changeFocusState(true);
-        },
-        onBlur: function onBlur() {
-          return _this3.changeFocusState(false);
-        }
-      };
-      var theme = {
-        container: 'coz-searchbar-autosuggest-container' + (searching ? ' --searching' : '') + (focused ? ' --focused' : ''),
-        input: 'coz-searchbar-autosuggest-input',
-        inputFocused: 'coz-searchbar-autosuggest-input-focused',
-        suggestionsContainer: 'coz-searchbar-autosuggest-suggestions-container',
-        suggestionsContainerOpen: 'coz-searchbar-autosuggest-suggestions-container--open',
-        suggestionsList: 'coz-searchbar-autosuggest-suggestions-list',
-        suggestion: 'coz-searchbar-autosuggest-suggestion',
-        suggestionHighlighted: 'coz-searchbar-autosuggest-suggestion-highlighted',
-        sectionTitle: 'coz-searchbar-autosuggest-section-title'
-      };
-      return /*#__PURE__*/React.createElement("div", {
-        className: "coz-searchbar",
-        role: "search"
-      }, sourceURLs.map(function (url, i) {
-        return /*#__PURE__*/React.createElement("iframe", {
-          src: url,
-          style: {
-            visibility: 'hidden',
-            height: '0px',
-            width: '0px'
-          },
-          key: url + i
-        });
-      }), /*#__PURE__*/React.createElement(Autosuggest, {
-        theme: theme,
-        suggestions: suggestionsBySource,
-        multiSection: true,
-        onSuggestionsFetchRequested: this.debouncedOnSuggestionsFetchRequested,
-        onSuggestionsClearRequested: this.onSuggestionsClearRequested,
-        onSuggestionSelected: this.onSuggestionSelected,
-        getSuggestionValue: this.getSuggestionValue,
-        getSectionSuggestions: this.getSectionSuggestions,
-        renderSectionTitle: this.renderSectionTitle,
-        renderSuggestion: this.renderSuggestion,
-        inputProps: inputProps,
-        focusInputOnSuggestionClick: false
-      }), input !== '' && !isInitialSearch && focused && !hasSuggestions && /*#__PURE__*/React.createElement("div", {
-        className: 'coz-searchbar-autosuggest-status-container'
-      }, t('searchbar.empty', {
-        query: input
-      })));
-    }
-  }]);
-
-  return SearchBar;
-}(Component);
-
-export default translate()(SearchBar);

package/transpiled/components/Settings/SettingsContent.js

@@ -1,128 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { isMobileApp } from 'cozy-device-helper';
-import { translate } from "cozy-ui/transpiled/react/I18n";
-import { ButtonLink } from "cozy-ui/transpiled/react/Button";
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import PhoneIcon from 'cozy-ui/transpiled/react/Icons/Phone';
-import CloudIcon from 'cozy-ui/transpiled/react/Icons/Cloud';
-import PeopleIcon from 'cozy-ui/transpiled/react/Icons/People';
-import CloudHappyIcon from 'cozy-ui/transpiled/react/Icons/CloudHappy';
-import LogoutIcon from 'cozy-ui/transpiled/react/Icons/Logout';
-import HelpIcon from 'cozy-ui/transpiled/react/Icons/Help';
-import StorageData from "./StorageData";
-import StorageIcon from "../StorageIcon";
-
-var MenuIcon = function MenuIcon(_ref) {
-  var icon = _ref.icon;
-  return /*#__PURE__*/React.createElement(Icon, {
-    className: "u-mr-half",
-    color: "var(--slateGrey)",
-    icon: icon
-  });
-};
-
-var NavGroup = function NavGroup(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/React.createElement("ul", {
-    className: "coz-nav-group"
-  }, children);
-};
-
-var NavItem = function NavItem(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/React.createElement("li", {
-    className: "coz-nav-settings-item"
-  }, children);
-};
-
-var SettingsContent = function SettingsContent(_ref4) {
-  var t = _ref4.t,
-      onLogOut = _ref4.onLogOut,
-      settingsAppURL = _ref4.settingsAppURL,
-      storageData = _ref4.storageData,
-      onClaudy = _ref4.onClaudy,
-      _ref4$isDrawer = _ref4.isDrawer,
-      isDrawer = _ref4$isDrawer === void 0 ? false : _ref4$isDrawer,
-      isClaudyLoading = _ref4.isClaudyLoading,
-      toggleSupport = _ref4.toggleSupport,
-      shoulDisplayViewOfferButton = _ref4.shoulDisplayViewOfferButton,
-      managerUrlPremiumLink = _ref4.managerUrlPremiumLink,
-      viewOfferButtonText = _ref4.viewOfferButtonText;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "coz-nav-pop-content"
-  }, isDrawer && /*#__PURE__*/React.createElement("hr", null), settingsAppURL && /*#__PURE__*/React.createElement(NavGroup, null, /*#__PURE__*/React.createElement(NavItem, null, /*#__PURE__*/React.createElement("a", {
-    role: "menuitem",
-    href: "".concat(settingsAppURL, "#/profile"),
-    target: "_self",
-    title: t('profile')
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    className: "u-mr-half",
-    icon: PeopleIcon
-  }), t('profile'))), /*#__PURE__*/React.createElement(NavItem, null, /*#__PURE__*/React.createElement("a", {
-    role: "menuitem",
-    href: "".concat(settingsAppURL, "#/connectedDevices"),
-    target: "_self",
-    title: t('connectedDevices')
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    icon: PhoneIcon
-  }), t('connectedDevices')))), isDrawer && onClaudy && !isMobileApp() && /*#__PURE__*/React.createElement(NavGroup, null, /*#__PURE__*/React.createElement(NavItem, null, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    role: "menuitem",
-    className: "coz-nav-settings-item-btn",
-    busy: isClaudyLoading,
-    onClick: onClaudy
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    icon: CloudIcon
-  }), " ", t('claudy.title')))), !isDrawer && storageData && /*#__PURE__*/React.createElement(NavGroup, null, /*#__PURE__*/React.createElement(NavItem, null, /*#__PURE__*/React.createElement("a", {
-    role: "menuitem",
-    target: "_self",
-    title: t('storage'),
-    href: "".concat(settingsAppURL, "#/storage")
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    icon: StorageIcon
-  }), " ", t('storage'), /*#__PURE__*/React.createElement(StorageData, {
-    data: storageData
-  })))), (!isDrawer || !isMobileApp()) && shoulDisplayViewOfferButton && /*#__PURE__*/React.createElement(NavGroup, null, /*#__PURE__*/React.createElement(NavItem, null, /*#__PURE__*/React.createElement(ButtonLink, {
-    subtle: true,
-    role: "menuitem",
-    className: "coz-nav-settings-item-btn",
-    icon: /*#__PURE__*/React.createElement(MenuIcon, {
-      icon: CloudHappyIcon
-    }),
-    title: viewOfferButtonText,
-    label: viewOfferButtonText,
-    href: managerUrlPremiumLink
-  }))), !isMobileApp() && /*#__PURE__*/React.createElement(NavGroup, null, /*#__PURE__*/React.createElement(NavItem, null, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    role: "menuitem",
-    className: "coz-nav-settings-item-btn",
-    onClick: toggleSupport
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    icon: HelpIcon
-  }), " ", t('help')))), /*#__PURE__*/React.createElement(NavGroup, null, /*#__PURE__*/React.createElement(NavItem, null, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    role: "menuitem",
-    onClick: onLogOut,
-    title: t('logout')
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    icon: LogoutIcon
-  }), " ", t('logout')))));
-};
-
-SettingsContent.defaultProps = {
-  shoulDisplayViewOfferButton: false
-};
-SettingsContent.propTypes = {
-  shoulDisplayViewOfferButton: PropTypes.bool,
-  t: PropTypes.func.isRequired,
-  onLogOut: PropTypes.func.isRequired,
-  settingsAppURL: PropTypes.string,
-  storageData: PropTypes.object,
-  onClaudy: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
-  isDrawer: PropTypes.bool,
-  isClaudyLoading: PropTypes.bool,
-  toggleSupport: PropTypes.func.isRequired,
-  viewOfferButtonText: PropTypes.string
-};
-export default translate()(SettingsContent);

package/transpiled/components/Settings/StorageData.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { translate } from "cozy-ui/transpiled/react/I18n";
-
-var StorageData = function StorageData(_ref) {
-  var t = _ref.t,
-      data = _ref.data;
-  var diskQuota = Number.isInteger(data.quota) ? (data.quota / (1000 * 1000 * 1000)).toFixed(2) : data.quota;
-  var diskUsage = Number.isInteger(data.usage) ? (data.usage / (1000 * 1000 * 1000)).toFixed(2) : data.usage;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "coz-nav-storage"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "coz-nav-storage-text"
-  }, t('storage_phrase', {
-    diskUsage: diskUsage,
-    diskQuota: diskQuota
-  })), /*#__PURE__*/React.createElement("progress", {
-    className: "cozy-nav-storage-bar",
-    value: diskUsage,
-    max: diskQuota,
-    min: "0"
-  }));
-};
-
-export default translate()(StorageData);

package/transpiled/components/Settings/helper.js

@@ -1,9 +0,0 @@
-import { compareClientVersion } from "../../lib/stack-client";
-export var isFetchingQueries = function isFetchingQueries(requests) {
-  return requests.some(function (request) {
-    return request.fetchStatus === 'loading';
-  });
-};
-export var cozyClientCanCheckPremium = function cozyClientCanCheckPremium() {
-  return compareClientVersion('8.3.0');
-};