cozy-ui-plus 1.1.0

package/dist/AppSections/Sections.js

@@ -0,0 +1,461 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Sections = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _withOnlyLocales = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/withOnlyLocales"));
+
+var catUtils = _interopRequireWildcard(require("./categories"));
+
+var _AppsSection = _interopRequireDefault(require("./components/AppsSection"));
+
+var _DropdownFilter = _interopRequireDefault(require("./components/DropdownFilter"));
+
+var _constants = require("./constants");
+
+var _generateI18nConfig = require("./generateI18nConfig");
+
+var _helpers = require("./helpers");
+
+var searchUtils = _interopRequireWildcard(require("./search"));
+
+var _excluded = ["config"];
+
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = {
+  "Sections__section": "Sections__Sections__section___19NTf"
+};
+var en = {
+  app_categories: {
+    all: "All categories",
+    banking: "Banking",
+    clouds: "Clouds and vaults",
+    cozy: "The essentials",
+    education: "Education",
+    energy: "Energy",
+    finance: "Employment and finance",
+    health: "Health",
+    host_provider: "Host",
+    insurance: "Insurance",
+    isp: "Mobile and Internet",
+    konnectors: "Services",
+    list_separator: ", ",
+    mes_infos: "MesInfos experimentation",
+    online_services: "Online services",
+    others: "Others",
+    partners: "Partners",
+    press: "Press",
+    productivity: "Productivity",
+    ptnb: "PTNB experimentation",
+    public_service: "Public services",
+    shopping: "Shopping",
+    social: "Social",
+    tech: "Tech",
+    telecom: "Telecom",
+    transport: "Transportation",
+    pro: "Work",
+    shortcuts: "Additional apps"
+  },
+  sections: {
+    applications: "Applications",
+    konnectors: "Services",
+    shortcuts: "Additional apps"
+  }
+};
+var fr = {
+  app_categories: {
+    all: "Toutes les cat\xE9gories",
+    banking: "Banques",
+    clouds: "Clouds et coffres",
+    cozy: "Les essentielles",
+    education: "\xC9ducation",
+    energy: "Energie",
+    finance: "Emploi et finance",
+    health: "Sant\xE9",
+    host_provider: "H\xE9bergeur",
+    insurance: "Assurance",
+    isp: "Mobile et Internet",
+    konnectors: "Services",
+    list_separator: ", ",
+    mes_infos: "Exp\xE9rimentation MesInfos",
+    online_services: "Services en ligne",
+    others: "Autres",
+    partners: "Partenaires",
+    press: "Presse",
+    productivity: "Productivit\xE9",
+    ptnb: "Exp\xE9rimentation Carnet du Logement",
+    public_service: "Services publics",
+    shopping: "Shopping",
+    social: "Social",
+    tech: "Tech",
+    telecom: "Mobile",
+    transport: "Voyage et transport",
+    pro: "Travail",
+    shortcuts: "App suppl\xE9mentaires"
+  },
+  sections: {
+    applications: "Applications",
+    konnectors: "Services",
+    shortcuts: "App suppl\xE9mentaires"
+  }
+};
+var ru = {
+  app_categories: {
+    all: "\u0412\u0441\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438",
+    banking: "\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u043E\u0435 \u0434\u0435\u043B\u043E",
+    clouds: "\u041E\u0431\u043B\u0430\u043A\u0430 \u0438 \u0445\u0440\u0430\u043D\u0438\u043B\u0438\u0449\u0430",
+    cozy: "\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0435",
+    education: "\u041E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435",
+    energy: "\u042D\u043D\u0435\u0440\u0433\u0435\u0442\u0438\u043A\u0430",
+    finance: "\u0417\u0430\u043D\u044F\u0442\u043E\u0441\u0442\u044C \u0438 \u0444\u0438\u043D\u0430\u043D\u0441\u044B",
+    health: "\u0417\u0434\u043E\u0440\u043E\u0432\u044C\u0435",
+    host_provider: "\u0425\u043E\u0441\u0442\u0438\u043D\u0433",
+    insurance: "\u0421\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435",
+    isp: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C \u0438 \u0418\u043D\u0442\u0435\u0440\u043D\u0435\u0442",
+    konnectors: "\u0421\u0435\u0440\u0432\u0438\u0441\u044B",
+    list_separator: ", ",
+    mes_infos: "\u042D\u043A\u0441\u043F\u0435\u0440\u0438\u043C\u0435\u043D\u0442 MesInfos",
+    online_services: "\u041E\u043D\u043B\u0430\u0439\u043D-\u0441\u0435\u0440\u0432\u0438\u0441\u044B",
+    others: "\u041F\u0440\u043E\u0447\u0435\u0435",
+    partners: "\u041F\u0430\u0440\u0442\u043D\u0435\u0440\u044B",
+    press: "\u041F\u0440\u0435\u0441\u0441\u0430",
+    productivity: "\u041F\u0440\u043E\u0434\u0443\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C",
+    ptnb: "\u042D\u043A\u0441\u043F\u0435\u0440\u0438\u043C\u0435\u043D\u0442 PTNB",
+    public_service: "\u0413\u043E\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u0443\u0433\u0438",
+    shopping: "\u041F\u043E\u043A\u0443\u043F\u043A\u0438",
+    social: "\u0421\u043E\u0446\u0438\u0430\u043B\u044C\u043D\u044B\u0435 \u0441\u0435\u0442\u0438",
+    tech: "\u0422\u0435\u0445\u043D\u043E\u043B\u043E\u0433\u0438\u0438",
+    telecom: "\u0422\u0435\u043B\u0435\u043A\u043E\u043C\u043C\u0443\u043D\u0438\u043A\u0430\u0446\u0438\u0438",
+    transport: "\u0422\u0440\u0430\u043D\u0441\u043F\u043E\u0440\u0442",
+    pro: "\u0420\u0430\u0431\u043E\u0442\u0430",
+    shortcuts: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F"
+  },
+  sections: {
+    applications: "\u041F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F",
+    konnectors: "\u0421\u0435\u0440\u0432\u0438\u0441\u044B",
+    shortcuts: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F"
+  }
+};
+var vi = {
+  app_categories: {
+    all: "T\u1EA5t c\u1EA3 danh m\u1EE5c",
+    banking: "Ng\xE2n h\xE0ng",
+    clouds: "\u0110\xE1m m\xE2y v\xE0 kho l\u01B0u tr\u1EEF",
+    cozy: "Thi\u1EBFt y\u1EBFu",
+    education: "Gi\xE1o d\u1EE5c",
+    energy: "N\u0103ng l\u01B0\u1EE3ng",
+    finance: "Vi\u1EC7c l\xE0m v\xE0 t\xE0i ch\xEDnh",
+    health: "S\u1EE9c kh\u1ECFe",
+    host_provider: "M\xE1y ch\u1EE7",
+    insurance: "B\u1EA3o hi\u1EC3m",
+    isp: "Di \u0111\u1ED9ng v\xE0 Internet",
+    konnectors: "D\u1ECBch v\u1EE5",
+    list_separator: ", ",
+    mes_infos: "Th\xED nghi\u1EC7m MesInfos",
+    online_services: "D\u1ECBch v\u1EE5 tr\u1EF1c tuy\u1EBFn",
+    others: "Kh\xE1c",
+    partners: "\u0110\u1ED1i t\xE1c",
+    press: "B\xE1o ch\xED",
+    productivity: "N\u0103ng su\u1EA5t",
+    ptnb: "Th\xED nghi\u1EC7m PTNB",
+    public_service: "D\u1ECBch v\u1EE5 c\xF4ng",
+    shopping: "Mua s\u1EAFm",
+    social: "M\u1EA1ng x\xE3 h\u1ED9i",
+    tech: "C\xF4ng ngh\u1EC7",
+    telecom: "Vi\u1EC5n th\xF4ng",
+    transport: "Giao th\xF4ng",
+    pro: "C\xF4ng vi\u1EC7c",
+    shortcuts: "\u1EE8ng d\u1EE5ng b\u1ED5 sung"
+  },
+  sections: {
+    applications: "\u1EE8ng d\u1EE5ng",
+    konnectors: "D\u1ECBch v\u1EE5",
+    shortcuts: "\u1EE8ng d\u1EE5ng b\u1ED5 sung"
+  }
+};
+var locales = {
+  en: en,
+  fr: fr,
+  ru: ru,
+  vi: vi
+};
+
+var SectionTitle = function SectionTitle(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h3",
+    gutterBottom: true
+  }, children);
+};
+
+var SectionSubtitle = function SectionSubtitle(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h4",
+    className: "u-mv-1-half u-mb-1"
+  }, children);
+};
+
+var SectionSubSubtitle = function SectionSubSubtitle(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "subtitle1",
+    color: "textSecondary",
+    gutterBottom: true
+  }, children);
+};
+
+var Section = function Section(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles.Sections__section
+  }, children);
+};
+/**
+ * Shows a list of apps grouped by categories.
+ *
+ * Can be
+ *
+ * - uncontrolled: it controls an internal search object to filter the list.
+ * - controlled: it is controlled by the `search` prop
+ */
+
+
+var Sections = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Sections, _Component);
+
+  var _super = _createSuper(Sections);
+
+  function Sections(props, context) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Sections);
+    _this = _super.call(this, props, context);
+    _this.state = {
+      search: props.initialSearch || {}
+    };
+    _this.handleCategoryChange = _this.handleCategoryChange.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  } // Sets state.search from the option received from the DropdownFilter
+
+
+  (0, _createClass2.default)(Sections, [{
+    key: "handleCategoryChange",
+    value: function handleCategoryChange(categoryOption) {
+      var search = searchUtils.makeSearchFromOption(categoryOption);
+
+      if (!this.props.search) {
+        // the component is uncontrolled
+        this.setState({
+          search: search
+        });
+      }
+
+      if (typeof this.props.onSearchChange === 'function') {
+        this.props.onSearchChange(search);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          t = _this$props.t,
+          apps = _this$props.apps,
+          error = _this$props.error,
+          onAppClick = _this$props.onAppClick,
+          _this$props$breakpoin = _this$props.breakpoints,
+          breakpoints = _this$props$breakpoin === void 0 ? {} : _this$props$breakpoin,
+          hasNav = _this$props.hasNav,
+          IconComponent = _this$props.IconComponent,
+          showFilterDropdown = _this$props.showFilterDropdown,
+          showTitles = _this$props.showTitles,
+          showSubTitles = _this$props.showSubTitles,
+          showSubSubTitles = _this$props.showSubSubTitles,
+          displaySpecificMaintenanceStyle = _this$props.displaySpecificMaintenanceStyle,
+          componentsProps = _this$props.componentsProps;
+      var isMobile = breakpoints.isMobile,
+          isTablet = breakpoints.isTablet;
+      if (error) return /*#__PURE__*/_react.default.createElement("p", {
+        className: "u-error"
+      }, error.message); // Depending on whether the component is controlled or uncontrolled,
+      // search is taken from props or state
+
+      var search = this.props.search || this.state.search;
+      var searchMatcher = searchUtils.makeMatcherFromSearch(search);
+      var filteredApps = apps.filter(searchMatcher);
+      var konnectorGroups = catUtils.groupApps(filteredApps.filter(function (a) {
+        return a.type === _constants.APP_TYPE.KONNECTOR;
+      }));
+      var webAppGroups = catUtils.groupApps(filteredApps.filter(function (a) {
+        return a.type === _constants.APP_TYPE.WEBAPP;
+      }));
+      var shortcutsGroups = catUtils.groupApps(filteredApps.filter(function (a) {
+        return (0, _helpers.isShortcutFile)(a);
+      }));
+      var webAppsCategories = Object.keys(webAppGroups).map(function (cat) {
+        return catUtils.addLabel({
+          value: cat
+        }, t);
+      }).sort(catUtils.sorter);
+      var konnectorsCategories = Object.keys(konnectorGroups).map(function (cat) {
+        return catUtils.addLabel({
+          value: cat
+        }, t);
+      }).sort(catUtils.sorter);
+      var shortcutsCategories = Object.keys(shortcutsGroups).map(function (cat) {
+        return catUtils.addLabel({
+          value: cat
+        }, t);
+      }).sort(catUtils.sorter);
+      var dropdownDisplayed = hasNav && (isMobile || isTablet) && showFilterDropdown;
+      var rawSelectOptions = catUtils.generateOptionsFromApps(apps, {
+        includeAll: true
+      });
+      var selectOptions = rawSelectOptions.map(function (option) {
+        return catUtils.addLabel(option, t);
+      });
+      var optionMatcher = searchUtils.makeOptionMatcherFromSearch(search);
+      var defaultFilterValue = selectOptions.find(optionMatcher);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(styles.Sections, dropdownDisplayed && 'u-mt-half')
+      }, dropdownDisplayed && /*#__PURE__*/_react.default.createElement(_DropdownFilter.default, {
+        defaultValue: defaultFilterValue,
+        options: selectOptions,
+        onChange: this.handleCategoryChange
+      }), !isMobile && !!webAppsCategories.length && showTitles && /*#__PURE__*/_react.default.createElement(SectionTitle, null, t('sections.applications')), /*#__PURE__*/_react.default.createElement(Section, null, !!webAppsCategories.length && /*#__PURE__*/_react.default.createElement("div", null, webAppsCategories.map(function (cat) {
+        return /*#__PURE__*/_react.default.createElement(_AppsSection.default, {
+          key: cat.value,
+          appsList: webAppGroups[cat.value],
+          subtitle: /*#__PURE__*/_react.default.createElement(SectionSubtitle, null, cat.label),
+          onAppClick: onAppClick,
+          IconComponent: IconComponent,
+          displaySpecificMaintenanceStyle: displaySpecificMaintenanceStyle
+        });
+      })), !!shortcutsCategories.length && /*#__PURE__*/_react.default.createElement("div", null, showSubTitles && /*#__PURE__*/_react.default.createElement(SectionSubtitle, null, t('sections.shortcuts')), shortcutsCategories.map(function (cat) {
+        return /*#__PURE__*/_react.default.createElement(_AppsSection.default, (0, _extends2.default)({
+          key: cat.value
+        }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.appsSection, {
+          appsList: shortcutsGroups[cat.value],
+          subtitle: showSubSubTitles ? /*#__PURE__*/_react.default.createElement(SectionSubSubtitle, null, cat.label) : null,
+          IconComponent: IconComponent,
+          onAppClick: onAppClick,
+          displaySpecificMaintenanceStyle: displaySpecificMaintenanceStyle
+        }));
+      })), !!konnectorsCategories.length && /*#__PURE__*/_react.default.createElement("div", null, showSubTitles && /*#__PURE__*/_react.default.createElement(SectionSubtitle, null, t('sections.konnectors')), konnectorsCategories.map(function (cat) {
+        return /*#__PURE__*/_react.default.createElement(_AppsSection.default, (0, _extends2.default)({
+          key: cat.value
+        }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.appsSection, {
+          appsList: konnectorGroups[cat.value],
+          subtitle: showSubSubTitles ? /*#__PURE__*/_react.default.createElement(SectionSubSubtitle, null, cat.label) : null,
+          IconComponent: IconComponent,
+          onAppClick: onAppClick,
+          displaySpecificMaintenanceStyle: displaySpecificMaintenanceStyle
+        }));
+      }))));
+    }
+  }]);
+  return Sections;
+}(_react.Component);
+
+exports.Sections = Sections;
+
+var SectionsWrapper = function SectionsWrapper(_ref5) {
+  var config = _ref5.config,
+      props = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
+  var i18nConfig = (0, _generateI18nConfig.generateI18nConfig)(config === null || config === void 0 ? void 0 : config.categories);
+  (0, _I18n.useExtendI18n)(i18nConfig);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var breakpoints = (0, _Breakpoints.useBreakpoints)();
+  return /*#__PURE__*/_react.default.createElement(Sections, (0, _extends2.default)({}, props, {
+    breakpoints: breakpoints,
+    t: t
+  }));
+};
+
+Sections.propTypes = {
+  t: _propTypes.default.func.isRequired,
+
+  /** List of apps that will be displayed into categories */
+  apps: _propTypes.default.array.isRequired,
+  error: _propTypes.default.object,
+  config: _propTypes.default.object,
+  onAppClick: _propTypes.default.func.isRequired,
+
+  /** Whether to display the category selector */
+  hasNav: _propTypes.default.bool,
+
+  /** An initial search object. Changing it after mounting will do nothing. */
+  initialSearch: _propTypes.default.object,
+  displaySpecificMaintenanceStyle: _propTypes.default.bool
+};
+Sections.defaultProps = {
+  hasNav: true,
+  displaySpecificMaintenanceStyle: false,
+
+  /** Whether to show the top dropdown that is used to switch categories on mobile */
+  showFilterDropdown: true,
+
+  /** Whether to show titles (ex: Applications) */
+  showTitles: true,
+
+  /** Whether to show sub titles (ex: Application category) */
+  showSubTitles: true,
+
+  /** Whether to show sub sub titles (ex: Konnector category) */
+  showSubSubTitles: true,
+
+  /* Props passed to components with the same name */
+  componentsProps: _propTypes.default.shape({
+    /** Props spread to AppsSection component */
+    appsSection: _propTypes.default.shape({
+      /** Props spread to onClick method of AppTile component */
+      disableClick: _propTypes.default.func
+    })
+  })
+};
+
+var _default = (0, _withOnlyLocales.default)(locales)(SectionsWrapper);
+
+exports.default = _default;

package/dist/AppSections/_mockApps.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.apps = void 0;
+// ALPHABETICALLY SORTED
+var apps = [{
+  slug: 'collect',
+  name: 'Collect',
+  editor: 'Cozy',
+  label: 1,
+  name_prefix: 'Cozy',
+  categories: ['cozy'],
+  developer: {
+    name: 'Cozy'
+  },
+  type: 'webapp',
+  icon: '<svg></svg>',
+  permissions: {
+    mock: {
+      type: 'io.mock.doctype'
+    },
+    mock2: {
+      type: 'io.mock.doctype2'
+    }
+  },
+  tags: ['konnector', 'collect', 'bills', 'providers', 'files'],
+  version: '3.0.0',
+  versions: {
+    stable: ['3.0.0'],
+    beta: ['3.0.0'],
+    dev: ['3.0.0']
+  },
+  uninstallable: false,
+  installed: true,
+  isInRegistry: true,
+  related: 'http://collect.cozy.mock/'
+}, {
+  slug: 'devonly',
+  name: 'DevOnly',
+  editor: 'Cozy',
+  categories: ['others'],
+  developer: {
+    name: 'Cozy'
+  },
+  type: 'webapp',
+  locales: {
+    name: 'For Dev Only'
+  },
+  icon: '<svg></svg>',
+  versions: {
+    stable: [],
+    beta: [],
+    dev: ['1.0.0-betaojdkehy989ekhflldh']
+  },
+  uninstallable: true,
+  isInRegistry: true
+}, {
+  slug: 'drive',
+  name: 'Drive',
+  editor: 'Cozy',
+  name_prefix: 'Cozy',
+  categories: ['cozy'],
+  developer: {
+    name: 'Cozy'
+  },
+  tags: ['search', 'files', 'folders'],
+  type: 'webapp',
+  icon: '<svg></svg>',
+  permissions: {
+    mock2: {
+      type: 'io.mock.doctype2'
+    }
+  },
+  version: '3.0.0-beta89bnhj3993',
+  uninstallable: false,
+  installed: true,
+  maintenance: true,
+  related: 'http://drive.cozy.mock/'
+}, {
+  slug: 'konnector-bouilligue',
+  name: 'Bouilligue',
+  icon: '<svg></svg>',
+  developer: {
+    name: 'Cozy'
+  },
+  type: 'konnector',
+  categories: ['isp', 'telecom'],
+  versions: {
+    stable: ['0.1.0'],
+    beta: ['0.1.0'],
+    dev: ['0.1.0']
+  },
+  uninstallable: true,
+  isInRegistry: true
+}, {
+  slug: 'konnector-trinlane',
+  name: 'Trinlane (with a very long name)',
+  icon: '<svg></svg>',
+  developer: {
+    name: 'Author with long name'
+  },
+  type: 'konnector',
+  categories: ['transport'],
+  tags: ['transport', 'files', 'bills'],
+  permissions: {
+    mock: {
+      type: 'io.mock.doctype'
+    }
+  },
+  version: '0.1.0',
+  versions: {
+    stable: ['0.1.0'],
+    beta: ['0.1.0'],
+    dev: ['0.1.0']
+  },
+  installed: true,
+  uninstallable: true,
+  isInRegistry: true
+}, {
+  slug: 'konnector-trinlane2',
+  name: 'Trinlane (with a very long name and no footer)',
+  icon: '<svg></svg>',
+  developer: {
+    name: 'Author with long name'
+  },
+  type: 'konnector',
+  categories: ['transport'],
+  tags: ['transport', 'files', 'bills'],
+  permissions: {
+    mock: {
+      type: 'io.mock.doctype'
+    }
+  },
+  versions: {
+    stable: ['0.1.0'],
+    beta: ['0.1.0'],
+    dev: ['0.1.0']
+  },
+  uninstallable: true,
+  isInRegistry: true
+}, {
+  slug: 'konnector-withlowername',
+  name: 'easyflight',
+  icon: '<svg></svg>',
+  developer: {
+    name: 'Author with long name'
+  },
+  type: 'konnector',
+  categories: ['transport'],
+  tags: ['transport', 'files', 'bills'],
+  permissions: {
+    mock: {
+      type: 'io.mock.doctype'
+    }
+  },
+  version: '0.1.0',
+  versions: {
+    stable: ['0.1.0'],
+    beta: ['0.1.0'],
+    dev: ['0.1.0']
+  },
+  installed: true,
+  uninstallable: true,
+  isInRegistry: true
+}, // don't add permissions to Photos for testing
+{
+  slug: 'photos',
+  name: 'Photos',
+  editor: 'Cozy',
+  name_prefix: 'Cozy',
+  categories: ['cozy'],
+  developer: {
+    name: 'Cozy'
+  },
+  type: 'webapp',
+  icon: '<svg></svg>',
+  locales: {
+    en: {
+      long_description: 'A long description finally short'
+    }
+  },
+  versions: {
+    stable: ['3.0.0'],
+    beta: ['3.0.0'],
+    dev: ['3.0.0']
+  },
+  uninstallable: true,
+  isInRegistry: true,
+  maintenance: true
+}, {
+  slug: 'tasky',
+  name: 'Tasky',
+  categories: ['partners'],
+  icon: '<svg></svg>',
+  type: 'webapp',
+  versions: {
+    stable: ['3.0.0', '1.0.0'],
+    beta: ['3.0.0', '1.0.0'],
+    dev: ['3.0.0', '1.0.0']
+  },
+  installed: true,
+  availableVersion: '3.0.0',
+  uninstallable: true,
+  isInRegistry: true
+}];
+exports.apps = apps;
+var _default = apps;
+exports.default = _default;