cozy-ui 111.20.0 → 112.0.0

package/react/Viewer/helpers.spec.js

@@ -1,136 +0,0 @@
-import { createMockClient } from 'cozy-client'
-import {
-  KNOWN_DATE_METADATA_NAMES,
-  KNOWN_INFORMATION_METADATA_NAMES
-} from 'cozy-client/dist/models/paper'
-
-import {
-  downloadFile,
-  getCurrentModel,
-  buildEditAttributePath,
-  isEditableAttribute,
-  removeFilenameFromPath
-} from './helpers'
-
-describe('helpers', () => {
-  describe('download', () => {
-    const client = new createMockClient({})
-    const mockDownload = jest.fn()
-    const mockForceFileDownload = jest.fn()
-    client.collection = jest.fn(() => ({
-      download: mockDownload,
-      forceFileDownload: mockForceFileDownload
-    }))
-
-    it('should call download when file is not encrypted', async () => {
-      const file = { name: 'toto.txt' }
-
-      await downloadFile({ client, file })
-      expect(mockDownload).toHaveBeenCalledWith(file)
-    })
-
-    it('should call forceFileDownload when file is encrypted', async () => {
-      const file = { name: 'encrypted-toto.txt', encrypted: true }
-      const url = 'blob:http://thedecryptedtoto'
-      await downloadFile({ client, file, url })
-      expect(mockForceFileDownload).toHaveBeenCalledWith(url, file.name)
-    })
-  })
-  describe('getCurrentModel', () => {
-    const expected = 'information'
-    it.each([
-      ...KNOWN_DATE_METADATA_NAMES,
-      ...KNOWN_INFORMATION_METADATA_NAMES
-    ])(`getCurrentModel(%s) should return ${expected}`, input => {
-      expect(getCurrentModel(input)).toBe(expected)
-    })
-  })
-  describe('buildEditAttributePath', () => {
-    it('should build correct path', () => {
-      const editPathByModelProps = {
-        information: `#/paper/edit/information/01?metadata=__NAME__&backgroundPath=$/path`,
-        page: `#/paper/edit/page/01?backgroundPath=/path`
-      }
-
-      const buildInformationPath = buildEditAttributePath(
-        editPathByModelProps,
-        'information',
-        'number'
-      )
-      const buildPagePath = buildEditAttributePath(
-        editPathByModelProps,
-        'page',
-        'number'
-      )
-
-      expect(buildInformationPath).toBe(
-        '#/paper/edit/information/01?metadata=number&backgroundPath=$/path'
-      )
-      expect(buildPagePath).toBe('#/paper/edit/page/01?backgroundPath=/path')
-    })
-  })
-  describe('isEditableAttribute', () => {
-    const makeFile = ({ fromConnector } = {}) => ({
-      _id: '00',
-      name: 'file',
-      cozyMetadata: fromConnector ? { sourceAccount: '123' } : {}
-    })
-    describe('file provided by a Connector', () => {
-      it('"issueDate" should not be a editable attribute', () => {
-        const issueDate = isEditableAttribute(
-          'issueDate',
-          makeFile({ fromConnector: true })
-        )
-        expect(issueDate).toBe(false)
-      })
-      it('"number" should be an editable attribute', () => {
-        const number = isEditableAttribute(
-          'number',
-          makeFile({ fromConnector: true })
-        )
-        expect(number).toBe(true)
-      })
-      it('"datetime" should not be an editable attribute', () => {
-        const datetime = isEditableAttribute('datetime', makeFile())
-        expect(datetime).toBe(false)
-      })
-      it('"qualification" should not be an editable attribute', () => {
-        const qualification = isEditableAttribute('qualification', makeFile())
-        expect(qualification).toBe(false)
-      })
-    })
-    describe('file NOT provided by a Connector', () => {
-      it('"issueDate" should not be a editable attribute', () => {
-        const issueDate = isEditableAttribute('issueDate', makeFile())
-        expect(issueDate).toBe(true)
-      })
-      it('"number" should be a editable attribute', () => {
-        const number = isEditableAttribute('number', makeFile())
-        expect(number).toBe(true)
-      })
-      it('"datetime" should not be an editable attribute', () => {
-        const datetime = isEditableAttribute('datetime', makeFile())
-        expect(datetime).toBe(false)
-      })
-      it('"qualification" should not be an editable attribute', () => {
-        const qualification = isEditableAttribute('qualification', makeFile())
-        expect(qualification).toBe(false)
-      })
-    })
-  })
-  describe('removeFilenameFromPath', () => {
-    it('should handle all types of path', () => {
-      expect(removeFilenameFromPath('/folder/7IsD.gif', '7IsD.gif')).toBe(
-        '/folder'
-      )
-
-      expect(removeFilenameFromPath('/7IsD.gif', '7IsD.gif')).toBe('/')
-
-      expect(removeFilenameFromPath('//7IsD.gif', '7IsD.gif')).toBe('/')
-
-      expect(removeFilenameFromPath('/7IsD.gif/7IsD.gif', '7IsD.gif')).toBe(
-        '/7IsD.gif'
-      )
-    })
-  })
-})

package/react/Viewer/hoc/withFileUrl.jsx

@@ -1,93 +0,0 @@
-import PropTypes from 'prop-types'
-import React, { Component } from 'react'
-
-import NoNetworkViewer from '../ViewersByFile/NoNetworkViewer'
-import ViewerSpinner from '../components/ViewerSpinner'
-import { isFileEncrypted } from '../helpers'
-
-const TTL = 6000
-
-const LOADING = 'LOADING'
-const LOADED = 'LOADED'
-const FAILED = 'FAILED'
-
-const withFileUrl = BaseComponent =>
-  class withFileUrlClass extends Component {
-    state = {
-      status: LOADING,
-      downloadUrl: null
-    }
-    static contextTypes = {
-      client: PropTypes.object.isRequired
-    }
-    UNSAFE_componentWillMount() {
-      this.loadDownloadUrl()
-    }
-
-    UNSAFE_componentWillReceiveProps(nextProps) {
-      if (
-        nextProps.file.id !== this.props.file.id ||
-        nextProps.url !== this.props.url
-      ) {
-        this.reset()
-      }
-    }
-
-    componentDidUpdate() {
-      if (this.state.status === LOADING && !this.timeout) {
-        this.loadDownloadUrl()
-      }
-    }
-
-    async loadDownloadUrl() {
-      const { file, url } = this.props
-      this.timeout = setTimeout(
-        () => this.setState(state => ({ ...state, status: FAILED })),
-        TTL
-      )
-      try {
-        if (isFileEncrypted(file)) {
-          // The download link cannot be provided by the stack if the file is encrypted
-          if (url) {
-            this.clearTimeout()
-            this.setState({ downloadUrl: url, status: LOADED })
-          }
-          return
-        }
-        const downloadUrl = await this.getDownloadLink(file)
-        this.clearTimeout()
-        this.setState({ downloadUrl, status: LOADED })
-      } catch (err) {
-        this.clearTimeout()
-        this.setState(state => ({ ...state, status: FAILED }))
-      }
-    }
-
-    getDownloadLink(file) {
-      return this.context.client
-        .collection('io.cozy.files')
-        .getDownloadLinkById(file._id, file.name)
-    }
-
-    clearTimeout() {
-      clearTimeout(this.timeout)
-      this.timeout = null
-    }
-
-    reset = () => {
-      this.clearTimeout()
-      this.setState({ status: LOADING, downloadUrl: null })
-    }
-
-    render() {
-      if (this.state.status === LOADING) {
-        return <ViewerSpinner />
-      }
-      if (this.state.status === FAILED) {
-        return <NoNetworkViewer onReload={this.reset} />
-      }
-      return <BaseComponent {...this.props} url={this.state.downloadUrl} />
-    }
-  }
-
-export default withFileUrl

package/react/Viewer/hoc/withViewerLocales.jsx

@@ -1,4 +0,0 @@
-import withLocales from '../../providers/I18n/withLocales'
-import { locales } from '../locales'
-
-export const withViewerLocales = withLocales(locales)

package/react/Viewer/hooks/useReferencedContactName.jsx

@@ -1,26 +0,0 @@
-import { getReferencedBy, useQuery, isQueryLoading } from 'cozy-client'
-
-import { buildContactByIdsQuery } from '../queries'
-
-const useReferencedContactName = file => {
-  const contactIds = getReferencedBy(file, 'io.cozy.contacts').map(
-    ref => ref.id
-  )
-  const isContactByIdsQueryEnabled = contactIds.length > 0
-
-  const contactByIdsQuery = buildContactByIdsQuery(contactIds)
-  const { data: contacts, ...contactsQueryResult } = useQuery(
-    contactByIdsQuery.definition,
-    {
-      ...contactByIdsQuery.options,
-      enabled: isContactByIdsQueryEnabled
-    }
-  )
-
-  const isLoadingContacts =
-    isContactByIdsQueryEnabled &&
-    (isQueryLoading(contactsQueryResult) || contactsQueryResult.hasMore)
-
-  return { contacts, isLoadingContacts }
-}
-export default useReferencedContactName

package/react/Viewer/index.jsx

@@ -1,12 +0,0 @@
-import ViewerContainer from './ViewerContainer'
-
-export { default as Viewer } from './Viewer'
-export { default as ViewerContainer } from './ViewerContainer'
-export * as toolbarPropsPropType from './proptypes'
-export { default as ViewerWithCustomPanelAndFooter } from './ViewerWithCustomPanelAndFooter'
-export { default as ToolbarButtons } from './components/ToolbarButtons'
-export { default as FooterActionButtons } from './Footer/FooterActionButtons'
-export { default as ForwardButton } from './Footer/ForwardButton'
-export { default as ForwardOrDownloadButton } from './Footer/ForwardOrDownloadButton'
-
-export default ViewerContainer

package/react/Viewer/locales/en.json

@@ -1,66 +0,0 @@
-{
-  "Viewer": {
-    "actions": {
-      "download": "Download",
-      "forward": "Send"
-    },
-    "alert": {
-      "preparing": "Preparing your files…"
-    },
-    "close": "close",
-    "download": "Download",
-    "complete": "Complete the document",
-    "noImage": "No image",
-    "error": {
-      "downloadFile": {
-        "offline": "You should be connected to download this file"
-      },
-      "generic": "An error occurred when opening this file, please try again.",
-      "missing": "This file is missing",
-      "network": "This file could not be loaded. Do you have a working internet connection right now?"
-    },
-    "goto": "Go to %{url}",
-    "next": "Next",
-    "openWith": "Open with...",
-    "openInOnlyOffice": "Open with Only Office",
-    "panel": {
-      "certifications": {
-        "carbonCopy": {
-          "title": "Carbon Copy",
-          "caption": "Indicates whether the document is defined as \"authentic and original\" by Cozy Cloud, the host of your Cozy, as it can claim that it comes directly from a third-party service, without having undergone any modification."
-        },
-        "electronicSafe": {
-          "title": "Electronic Safe",
-          "caption": "Indicates whether the original document is secured by your personal digital safe with the certifications that give it probative value and a 50-year retention guarantee beyond its deposit."
-        }
-      },
-      "qualification": {
-        "actions": {
-          "copy": "Copy",
-          "copyClipboard": "Copy to clipboard",
-          "edit": "Edit"
-        }
-      },
-      "expiration": {
-        "dismiss": "I understood"
-      },
-      "title": "Useful information"
-    },
-    "previous": "Previous",
-    "retry": "Retry",
-    "scaledown": "Zoom out",
-    "scaleup": "Zoom in",
-    "share": {
-      "title": "Link to my document %{name}",
-      "text": "Here is a link to my document %{name}: ",
-      "error": "Problem with link recovery: %{error}",
-      "success": "Your file has been shared with success"
-    },
-    "snackbar": {
-      "copiedToClipboard": {
-        "success": "Copied to clipboard",
-        "error": "Cannot copy to clipboard"
-      }
-    }
-  }
-}

package/react/Viewer/locales/fr.json

@@ -1,66 +0,0 @@
-{
-  "Viewer": {
-    "actions": {
-      "download": "Télécharger",
-      "forward": "Envoyer"
-    },
-    "alert": {
-      "preparing": "Preparation de vos fichiers…"
-    },
-    "close": "Fermer",
-    "download": "Télécharger",
-    "complete": "Compléter le document",
-    "noImage": "Aucune image",
-    "error": {
-      "downloadFile": {
-        "offline": "Vous devez être connecté pour télécharger ce fichier"
-      },
-      "generic": "Une erreur s'est produite lors de l'ouverture de ce fichier, veuillez réessayer.",
-      "missing": "Le fichier est manquant",
-      "network": "Ce fichier n'a pas pu être chargé. Avez-vous une connexion internet qui fonctionne actuellement ?"
-    },
-    "goto": "Ouvrir %{url}",
-    "next": "Suivante",
-    "openWith": "Ouvrir avec...",
-    "openInOnlyOffice": "Ouvrir avec Only Office",
-    "panel": {
-      "certifications": {
-        "carbonCopy": {
-          "title": "Copie conforme",
-          "caption": "Le document est défini \"authentique et original\" par Cozy Cloud, l'hébergeur de votre Cozy, car il peut affirmer qu'il provient directement des services de son émetteur sans avoir subi aucune modification."
-        },
-        "electronicSafe": {
-          "title": "Coffre-fort électronique",
-          "caption": "Indique si le document original est sécurisé par votre coffre-fort numérique personnel avec les certifications qui lui confèrent une valeur probante et une garantie de conservation de 50 ans au-delà de son dépôt."
-        }
-      },
-      "qualification": {
-        "actions": {
-          "copy": "Copier",
-          "copyClipboard": "Copier dans le presse-papier",
-          "edit": "Modifier"
-        }
-      },
-      "expiration": {
-        "dismiss": "J'ai compris"
-      },
-      "title": "Informations utiles"
-    },
-    "previous": "Précédente",
-    "retry": "Réessayer",
-    "scaledown": "Zoom arrière",
-    "scaleup": "Zoom avant",
-    "share": {
-      "title": "Lien vers mon document %{name}",
-      "text": "Voici un lien vers mon document %{name} : ",
-      "error": "Problème avec la récupération du lien : %{error}",
-      "success": "Votre fichier a été partagé avec succès"
-    },
-    "snackbar": {
-      "copiedToClipboard": {
-        "success": "Copié dans le presse-papier",
-        "error": "Impossible de copier dans le presse-papier"
-      }
-    }
-  }
-}

package/react/Viewer/locales/index.js

@@ -1,4 +0,0 @@
-import en from './en.json'
-import fr from './fr.json'
-
-export const locales = { en, fr }

package/react/Viewer/proptypes.js

@@ -1,12 +0,0 @@
-import PropTypes from 'prop-types'
-
-export const toolbarPropsPropType = {
-  /** Whether to show the toolbar or not. Note that the built-in close button is in the toolbar */
-  showToolbar: PropTypes.bool,
-  /** Whether to show close button in toolbar */
-  showClose: PropTypes.bool,
-  /** React reference of the toolbar node */
-  toolbarRef: PropTypes.object,
-  /** Whether to show file path below his name */
-  showFilePath: PropTypes.bool
-}

package/react/Viewer/providers/ActionMenuProvider.jsx

@@ -1,35 +0,0 @@
-import React, { createContext, useContext } from 'react'
-
-/**
- * @typedef {object} useActionMenuContextReturn
- * @property {string} information
- * @property {string} page
- */
-
-const ActionMenuContext = createContext()
-
-const ActionMenuProvider = ({ children, editPathByModelProps = {} }) => {
-  return (
-    <ActionMenuContext.Provider value={editPathByModelProps}>
-      {children}
-    </ActionMenuContext.Provider>
-  )
-}
-
-/**
- * @returns {useActionMenuContextReturn}
- */
-const useActionMenuContext = () => {
-  const actionMenuContext = useContext(ActionMenuContext)
-  if (!actionMenuContext) {
-    throw new Error(
-      'ActionMenuContext must be used within a ActionMenuProvider'
-    )
-  }
-
-  return actionMenuContext
-}
-
-export default useActionMenuContext
-
-export { ActionMenuProvider }

package/react/Viewer/queries.js

@@ -1,20 +0,0 @@
-import { Q, fetchPolicies } from 'cozy-client'
-
-const defaultFetchPolicy = fetchPolicies.olderThan(30 * 1000)
-
-export const buildContactByIdsQuery = (ids = []) => ({
-  definition: () => Q('io.cozy.contacts').getByIds(ids),
-  options: {
-    as: `io.cozy.contacts/${ids.join('')}`,
-    fetchPolicy: defaultFetchPolicy
-  }
-})
-
-export const buildFileByIdQuery = fileId => ({
-  definition: () => Q('io.cozy.files').getById(fileId),
-  options: {
-    as: `io.cozy.files/${fileId}`,
-    fetchPolicy: defaultFetchPolicy,
-    singleDocData: true
-  }
-})

package/react/Viewer/styles.styl

@@ -1,22 +0,0 @@
-@require 'settings/breakpoints.styl'
-@require './vars.styl'
-
-.viewer-wrapper
-    position absolute
-    left 0
-    right 0
-    top 0
-    bottom 0
-    z-index var(--zIndex-overlay)
-    overflow hidden
-    background var(--charcoalGrey)
-    color var(--white)
-    display flex
-
-    .flagship-app &
-        padding-top var(--flagship-top-height)
-        padding-bottom var(--flagship-bottom-height)
-
-    +medium-screen()
-        color var(--primaryTextColor)
-        background var(--paperBackgroundColor)

package/react/Viewer/vars.styl

@@ -1,6 +0,0 @@
-$toolbarHeight = 4rem
-$toolbarHeightMedium = 3rem
-$footerHeight = 3.5rem
-
-$viewerHeightMedium = $toolbarHeightMedium + $footerHeight
-$viewerMarginTopMedium = $toolbarHeightMedium - $footerHeight

package/transpiled/react/Viewer/Footer/BottomSheetContent.js

@@ -1,28 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { BottomSheetItem } from "cozy-ui/transpiled/react/BottomSheet";
-import getPanelBlocks, { getPanelBlocksSpecs } from "cozy-ui/transpiled/react/Viewer/Panel/getPanelBlocks";
-
-var BottomSheetContent = function BottomSheetContent(_ref) {
-  var file = _ref.file,
-      isPublic = _ref.isPublic;
-  var panelBlocks = getPanelBlocks({
-    panelBlocksSpecs: getPanelBlocksSpecs(isPublic),
-    file: file
-  });
-  return panelBlocks.map(function (PanelBlock, index) {
-    return /*#__PURE__*/React.createElement(BottomSheetItem, {
-      key: index,
-      disableGutters: true,
-      disableElevation: index === panelBlocks.length - 1
-    }, /*#__PURE__*/React.createElement(PanelBlock, {
-      file: file
-    }));
-  });
-};
-
-BottomSheetContent.propTypes = {
-  file: PropTypes.object.isRequired,
-  isPublic: PropTypes.bool
-};
-export default BottomSheetContent;

package/transpiled/react/Viewer/Footer/DownloadButton.js

@@ -1,91 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useClient } from 'cozy-client';
-import Button from "cozy-ui/transpiled/react/Buttons";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
-import DownloadIcon from "cozy-ui/transpiled/react/Icons/Download";
-import Alerter from "cozy-ui/transpiled/react/deprecated/Alerter";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-
-var DownloadButton = function DownloadButton(_ref) {
-  var file = _ref.file,
-      variant = _ref.variant;
-  var client = useClient();
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var icon = /*#__PURE__*/React.createElement(Icon, {
-    icon: DownloadIcon
-  });
-  var label = t('Viewer.download');
-
-  var handleClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return client.collection('io.cozy.files').download(file);
-
-            case 3:
-              _context.next = 8;
-              break;
-
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              Alerter.info('Viewer.error.generic');
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 5]]);
-    }));
-
-    return function handleClick() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  if (variant === 'iconButton') {
-    return /*#__PURE__*/React.createElement(IconButton, {
-      className: "u-white",
-      "aria-label": label,
-      onClick: handleClick
-    }, icon);
-  }
-
-  if (variant === 'buttonIcon') {
-    return /*#__PURE__*/React.createElement(Button, {
-      variant: "secondary",
-      label: icon,
-      "aria-label": label,
-      onClick: handleClick
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(Button, {
-    fullWidth: true,
-    variant: "secondary",
-    startIcon: icon,
-    label: label,
-    onClick: handleClick
-  });
-};
-
-DownloadButton.propTypes = {
-  file: PropTypes.object,
-  variant: PropTypes.oneOf(['default', 'iconButton', 'buttonIcon'])
-};
-DownloadButton.defaultProptypes = {
-  variant: 'default'
-};
-export default DownloadButton;

package/transpiled/react/Viewer/Footer/FooterActionButtons.js

@@ -1,21 +0,0 @@
-import PropTypes from 'prop-types';
-import { cloneElement } from 'react';
-import { mapToAllChildren } from "cozy-ui/transpiled/react/Viewer/Footer/helpers";
-
-var FooterActionButtons = function FooterActionButtons(_ref) {
-  var children = _ref.children,
-      file = _ref.file;
-  if (!children) return null;
-  return mapToAllChildren(children, function (child) {
-    return /*#__PURE__*/cloneElement(child, {
-      file: file
-    });
-  });
-};
-
-FooterActionButtons.displayName = 'FooterActionButtons';
-FooterActionButtons.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-  file: PropTypes.object
-};
-export default FooterActionButtons;