cozy-ui 132.1.0 → 133.0.0

package/react/AppSections/_mockApps.js

@@ -1,197 +0,0 @@
-// ALPHABETICALLY SORTED
-export const 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
-  }
-]
-
-export default apps

package/react/AppSections/categories.js

@@ -1,138 +0,0 @@
-/**
- * Deal with app category options.
- *
- * Category options have the following attributes
- *
- * - value: Slug of the category
- * - label: Translated name of the category
- * - secondary: Whether to be displayed as a smaller category
- *   in the sidebar
- */
-
-import { APP_TYPE } from './constants'
-
-/**
- * Like groupBy except that grouper must return an array values.
- * Thus, an object can be in several groups.
- * If the grouper returns a falsy value, an empty list is assumed.
- */
-const multiGroupBy = (iter, grouper) => {
-  const groups = {}
-  for (const obj of iter) {
-    const values = grouper(obj) || []
-    values.forEach(v => {
-      // eslint-disable-next-line no-prototype-builtins
-      if (!groups.hasOwnProperty(v)) groups[v] = []
-      groups[v].push(obj)
-    })
-  }
-  return groups
-}
-
-const getAppCategory = app => app.categories
-export const groupApps = apps => multiGroupBy(apps, getAppCategory)
-
-/**
- * Function to sort category options
- *
- * Alphabetical sort on label except for
- *   - 'all' value always at the beginning
- *   - 'others' value always at the end
- *   - 'cozy' value should be near the beginning, right after 'all'
- *   - items of type 'file' should appear alphabetically between 'webapp' and 'konnector'
- *
- * @param  {CategoryOption} categoryA
- * @param  {CategoryOption} categoryB
- * @return {Number}
- */
-export const sorter = (categoryA, categoryB) => {
-  // Always keep 'all' at the beginning
-  if (categoryA.value === 'all') return -1
-  if (categoryB.value === 'all') return 1
-
-  // Always keep 'others' at the end
-  if (categoryA.value === 'others') return 1
-  if (categoryB.value === 'others') return -1
-
-  // Keep 'cozy' near the beginning, right after 'all'
-  if (categoryA.value === 'cozy') return -1
-  if (categoryB.value === 'cozy') return 1
-
-  // Sort by type order: webapp < file < konnector
-  const typeOrder = ['webapp', 'file', 'konnector']
-  const typeAIndex = typeOrder.indexOf(categoryA.type)
-  const typeBIndex = typeOrder.indexOf(categoryB.type)
-
-  if (typeAIndex !== typeBIndex) {
-    return typeAIndex - typeBIndex
-  }
-
-  // Alphabetical sort on label for the rest
-  return categoryA.label.localeCompare(categoryB.label)
-}
-
-export const addLabel = (cat, t) => ({
-  ...cat,
-  label: t(`app_categories.${cat.value}`)
-})
-
-/**
- * Returns category options from a list of apps
- * @param  {Array<App>}  apps
- * @param  {Object}  options
- * @param  {Boolean} options.includeAll - Whether to add an "All" option
- * @param  {Boolean} options.addLabel - Function to add a label to generated categories.
- *                                      If passed, generated categories will be sorted.
- * @return {Array<CategoryOption>}
- */
-export const generateOptionsFromApps = (apps, options = {}) => {
-  const includeAll = options.includeAll || false
-  const addLabel = x => (options.addLabel ? options.addLabel(x) : x)
-  if (!apps || !apps.length) return []
-  let allCategoryOptions = includeAll
-    ? [
-        {
-          value: 'all',
-          secondary: false
-        }
-      ]
-    : []
-
-  for (const type of [APP_TYPE.WEBAPP, APP_TYPE.FILE, APP_TYPE.KONNECTOR]) {
-    const catApps = groupApps(apps.filter(a => a.type === type))
-    // Add an entry to filter by all konnectors
-    if (type === APP_TYPE.KONNECTOR) {
-      allCategoryOptions.push(
-        addLabel({
-          value: 'konnectors',
-          secondary: false
-        })
-      )
-    }
-
-    const categories = Object.keys(catApps)
-    if (type === APP_TYPE.FILE && categories.length > 0) {
-      allCategoryOptions.push(
-        addLabel({
-          value: 'shortcuts',
-          secondary: false
-        })
-      )
-    }
-
-    const categoryOptions = categories.map(cat => {
-      return addLabel({
-        value: cat,
-        type: type,
-        secondary: type === APP_TYPE.KONNECTOR || type === APP_TYPE.FILE
-      })
-    })
-
-    // Since options have been labelled, it's possible to sort them
-    if (options.addLabel) {
-      categoryOptions.sort(sorter)
-    }
-    allCategoryOptions = allCategoryOptions.concat(categoryOptions)
-  }
-  return allCategoryOptions
-}

package/react/AppSections/categories.spec.js

@@ -1,289 +0,0 @@
-'use strict'
-
-/* eslint-env jest */
-
-import mapValues from 'lodash/mapValues'
-
-import * as catUtils from './categories'
-import en from './locales/en'
-import { I18nContext } from '../jestLib/I18n'
-import mockApps from '../mocks/apps'
-
-const i18nContext = I18nContext({
-  locale: {
-    ...en,
-    app_categories: {
-      ...en.app_categories,
-      foo: 'Foo',
-      bar: 'Bar'
-    }
-  }
-})
-const tMock = i18nContext.t
-
-describe('groupApps', () => {
-  it('should return apps sorted in a dictionary by categories', () => {
-    expect(
-      mapValues(catUtils.groupApps(mockApps), apps => apps.map(x => x.slug))
-    ).toEqual({
-      cozy: ['collect', 'drive', 'photos'],
-      isp: ['konnector-bouilligue'],
-      others: ['devonly'],
-      partners: ['tasky'],
-      telecom: ['konnector-bouilligue'],
-      transport: ['konnector-trinlane']
-    })
-  })
-})
-
-describe('sorter', () => {
-  const prepareCategories = categoryNames =>
-    categoryNames.map(cat =>
-      catUtils.addLabel(
-        {
-          value: cat
-        },
-        tMock
-      )
-    )
-
-  it('should return a categories list alphabetically except for all and others', () => {
-    const catList = prepareCategories([
-      'cozy',
-      'isp',
-      'all',
-      'telecom',
-      'others',
-      'banking'
-    ])
-    expect(catList.sort(catUtils.sorter).map(x => x.value)).toEqual([
-      'all',
-      'cozy',
-      'banking',
-      'isp',
-      'telecom',
-      'others'
-    ])
-  })
-
-  it('should test with all and others at the border', () => {
-    const catList2 = prepareCategories([
-      'all',
-      'telecom',
-      'banking',
-      'cozy',
-      'others'
-    ])
-    expect(catList2.sort(catUtils.sorter).map(x => x.value)).toEqual([
-      'all',
-      'cozy',
-      'banking',
-      'telecom',
-      'others'
-    ])
-  })
-})
-
-describe('generateOptionsFromApps', () => {
-  const addLabel = x => catUtils.addLabel(x, tMock)
-  it('should return a list of categories options for a select input based on the apps list', () => {
-    expect(
-      catUtils.generateOptionsFromApps(mockApps, {
-        includeAll: false,
-        addLabel
-      })
-    ).toEqual([
-      {
-        label: 'The essentials',
-        secondary: false,
-        type: 'webapp',
-        value: 'cozy'
-      },
-      {
-        label: 'Partners',
-        secondary: false,
-        type: 'webapp',
-        value: 'partners'
-      },
-      {
-        label: 'Others',
-        secondary: false,
-        type: 'webapp',
-        value: 'others'
-      },
-      {
-        label: 'Services',
-        secondary: false,
-        value: 'konnectors'
-      },
-      {
-        label: 'Mobile and Internet',
-        secondary: true,
-        type: 'konnector',
-        value: 'isp'
-      },
-      {
-        label: 'Telecom',
-        secondary: true,
-        type: 'konnector',
-        value: 'telecom'
-      },
-      {
-        label: 'Transportation',
-        secondary: true,
-        type: 'konnector',
-        value: 'transport'
-      }
-    ])
-  })
-
-  it('should return include the all categories if includeAll option true', () => {
-    expect(
-      catUtils.generateOptionsFromApps(mockApps, { includeAll: true, addLabel })
-    ).toEqual([
-      {
-        secondary: false,
-        value: 'all'
-      },
-      {
-        label: 'The essentials',
-        secondary: false,
-        type: 'webapp',
-        value: 'cozy'
-      },
-      {
-        label: 'Partners',
-        secondary: false,
-        type: 'webapp',
-        value: 'partners'
-      },
-      {
-        label: 'Others',
-        secondary: false,
-        type: 'webapp',
-        value: 'others'
-      },
-      {
-        label: 'Services',
-        secondary: false,
-        value: 'konnectors'
-      },
-      {
-        label: 'Mobile and Internet',
-        secondary: true,
-        type: 'konnector',
-        value: 'isp'
-      },
-      {
-        label: 'Telecom',
-        secondary: true,
-        type: 'konnector',
-        value: 'telecom'
-      },
-      {
-        label: 'Transportation',
-        secondary: true,
-        type: 'konnector',
-        value: 'transport'
-      }
-    ])
-  })
-
-  it('should return an empty list if empty apps list provided', () => {
-    expect(
-      catUtils.generateOptionsFromApps([], { includeAll: false, addLabel })
-    ).toEqual([])
-  })
-
-  it('should return an empty list if no apps provided', () => {
-    expect(
-      catUtils.generateOptionsFromApps(null, { includeAll: false, addLabel })
-    ).toEqual([])
-  })
-
-  it('should return additional apps categories when there more than one', () => {
-    const appsWithAdditionlOnes = [
-      ...mockApps,
-      {
-        _id: 'shortcutA',
-        name: 'Shortcut A',
-        categories: ['foo'],
-        type: 'file',
-        _type: 'io.cozy.files'
-      },
-      {
-        _id: 'shortcutB',
-        name: 'Shortcut B',
-        categories: ['bar'],
-        type: 'file',
-        _type: 'io.cozy.files'
-      }
-    ]
-
-    expect(
-      catUtils.generateOptionsFromApps(appsWithAdditionlOnes, {
-        includeAll: false,
-        addLabel
-      })
-    ).toEqual([
-      {
-        label: 'The essentials',
-        secondary: false,
-        type: 'webapp',
-        value: 'cozy'
-      },
-      {
-        label: 'Partners',
-        secondary: false,
-        type: 'webapp',
-        value: 'partners'
-      },
-      {
-        label: 'Others',
-        secondary: false,
-        type: 'webapp',
-        value: 'others'
-      },
-      {
-        label: 'Additional apps',
-        secondary: false,
-        value: 'shortcuts'
-      },
-      {
-        label: 'Bar',
-        secondary: true,
-        type: 'file',
-        value: 'bar'
-      },
-      {
-        label: 'Foo',
-        secondary: true,
-        type: 'file',
-        value: 'foo'
-      },
-      {
-        label: 'Services',
-        secondary: false,
-        value: 'konnectors'
-      },
-      {
-        label: 'Mobile and Internet',
-        secondary: true,
-        type: 'konnector',
-        value: 'isp'
-      },
-      {
-        label: 'Telecom',
-        secondary: true,
-        type: 'konnector',
-        value: 'telecom'
-      },
-      {
-        label: 'Transportation',
-        secondary: true,
-        type: 'konnector',
-        value: 'transport'
-      }
-    ])
-  })
-})

package/react/AppSections/components/AppsSection.jsx

@@ -1,81 +0,0 @@
-import sortBy from 'lodash/sortBy'
-import PropTypes from 'prop-types'
-import React, { useMemo } from 'react'
-
-import styles from './AppsSection.styl'
-import AppTile from '../../AppTile'
-import useBreakpoints from '../../providers/Breakpoints'
-import { useI18n } from '../../providers/I18n'
-import { getTranslatedManifestProperty } from '../helpers'
-
-const makeNameGetter = t => app => getTranslatedManifestProperty(app, 'name', t)
-
-const makeAppsListNameLowerCased = appsList => {
-  return appsList.map(app => ({
-    ...app,
-    name: app.name.toLowerCase()
-  }))
-}
-
-export const AppsSection = ({
-  appsList,
-  subtitle,
-  onAppClick,
-  IconComponent,
-  displaySpecificMaintenanceStyle,
-  disableClick
-}) => {
-  const { isMobile } = useBreakpoints()
-  const { t } = useI18n()
-  const apps = useMemo(() => makeAppsListNameLowerCased(appsList), [appsList])
-  const sortedApps = useMemo(() => {
-    return sortBy(apps, makeNameGetter(t))
-  }, [apps, t])
-  const getAppBySlug = useMemo(
-    () => slug => appsList.find(app => app.slug === slug),
-    [appsList]
-  )
-
-  return (
-    <div className={styles.AppsSection}>
-      {subtitle}
-      {apps && !!apps.length && (
-        <div className={styles.AppsSection__list}>
-          {sortedApps.map(app => {
-            const realApp = getAppBySlug(app.slug)
-            const isDisableClick = disableClick?.(realApp)
-            return (
-              <AppTile
-                app={realApp}
-                namePrefix={getTranslatedManifestProperty(
-                  realApp,
-                  'name_prefix',
-                  t
-                )}
-                name={getTranslatedManifestProperty(realApp, 'name', t)}
-                onClick={() => !isDisableClick && onAppClick(realApp.slug)}
-                key={realApp.slug}
-                showDeveloper={!isMobile}
-                displaySpecificMaintenanceStyle={
-                  displaySpecificMaintenanceStyle
-                }
-                IconComponent={IconComponent}
-              />
-            )
-          })}
-        </div>
-      )}
-    </div>
-  )
-}
-
-AppsSection.propTypes = {
-  appsList: PropTypes.array,
-  subtitle: PropTypes.element,
-  onAppClick: PropTypes.func,
-  IconComponent: PropTypes.element,
-  displaySpecificMaintenanceStyle: PropTypes.bool,
-  disableClick: PropTypes.func
-}
-
-export default AppsSection