cozy-ui 74.3.0 → 74.4.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# [74.4.0](https://github.com/cozy/cozy-ui/compare/v74.3.0...v74.4.0) (2022-09-06)
+
+
+### Bug Fixes
+
+* Add a mid ellipsis to the filename in the qualification list ([4f30229](https://github.com/cozy/cozy-ui/commit/4f30229))
+* Add a missing `overflow: hidden;` property to the viewer filename ([6d9b5c2](https://github.com/cozy/cozy-ui/commit/6d9b5c2))
+
+
+### Features
+
+* Display Viewer's Download button on iOS Flagship app ([b21726c](https://github.com/cozy/cozy-ui/commit/b21726c)), closes [cozy/cozy-ui#2215](https://github.com/cozy/cozy-ui/issues/2215)
+
 # [74.3.0](https://github.com/cozy/cozy-ui/compare/v74.2.0...v74.3.0) (2022-09-02)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "74.3.0",
+  "version": "74.4.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Viewer/Footer/ForwardOrDownloadButton.jsx

@@ -2,7 +2,6 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import { useClient } from 'cozy-client'
-import { isFlagshipApp, isIOS } from 'cozy-device-helper'
 
 import ForwardButton from './ForwardButton'
 import DownloadButton from './DownloadButton'
@@ -15,10 +14,7 @@ const ForwardOrDownloadButton = ({ file }) => {
     ? ForwardButton
     : DownloadButton
 
-  // Temporarily disable Download button on iOS Flagship app until
-  // the download feature is fixed on this platform
-  // When fixed on this platform, revert this commit from PR #2215
-  return isFlagshipApp() && isIOS() ? null : <FileActionButton file={file} />
+  return <FileActionButton file={file} />
 }
 
 ForwardOrDownloadButton.propTypes = {

package/react/Viewer/Panel/Qualification.jsx

@@ -7,6 +7,7 @@ import List from '../../MuiCozyTheme/List'
 import ListItem from '../../MuiCozyTheme/ListItem'
 import QualificationListItemText from './QualificationListItemText'
 import { withViewerLocales } from '../withViewerLocales'
+import MidEllipsis from '../../MidEllipsis'
 
 const {
   document: {
@@ -53,9 +54,13 @@ const Qualification = ({ file = {}, contactsFullname, t, f, lang }) => {
         <QualificationListItemText
           primary={t('Viewer.panel.qualification.label.title')}
           secondary={
-            pageLabel
-              ? t(`Viewer.panel.qualification.label.${pageLabel}`)
-              : filename
+            <MidEllipsis
+              text={
+                pageLabel
+                  ? t(`Viewer.panel.qualification.label.${pageLabel}`)
+                  : filename
+              }
+            />
           }
         />
       </ListItem>

package/react/Viewer/Readme.md

@@ -73,8 +73,15 @@ const files = [
   {
     _id: 'text',
     class: 'text',
-    name: 'Demo.txt',
-    mime: 'text/plain'
+    name: 'LoremipsumdolorsitametconsecteturadipiscingelitSednonrisusSuspendisselectustortordignissimsitametadipiscingnecultriciesseddolorCraselementumultricesdiamMaecenasligulamassavariusasempercongueeuismodnonmiProinporttitororcinecnonummymolestieenimesteleifendminonfermentumdiamnislsitameteratDuissemperDuisarcumassascelerisquevitaeconsequatinpretiumaenimPellentesquecongueUtinrisusvolutpatliberopharetratemporCrasvestibulumbibendumauguePraesentegestasleoinpedePraesentblanditodioeuenimPellentesquesedduiutaugueblanditsodalesVestibulumanteipsumprimisinfaucibusorciluctusetultricesposuerecubiliaCuraeAliquamnibhMaurisacmaurissedpedepellentesquefermentumMaecenasadipiscingantenondiamsodaleshendrerit.txt',
+    mime: 'text/plain',
+    metadata: {
+      datetime: "2022-01-01T12:00:00.000Z",
+      datetimeLabel: "datetime",
+      qualification: {
+        label: 'tax_notice'
+      }
+    }
   },
     {
     _id: 'text',

package/react/Viewer/styles.styl

@@ -75,6 +75,7 @@ $viewerMarginTopMedium = $toolbarHeightMedium - $footerHeight
 .viewer-filename
     max-width     90%
     text-overflow ellipsis
+    overflow hidden
 
 .viewer-pdfviewer-pdf
     overflow auto

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClient } from 'cozy-client';
-import { isFlagshipApp, isIOS } from 'cozy-device-helper';
 import ForwardButton from "cozy-ui/transpiled/react/Viewer/Footer/ForwardButton";
 import DownloadButton from "cozy-ui/transpiled/react/Viewer/Footer/DownloadButton";
 import { shouldBeForwardButton } from "cozy-ui/transpiled/react/Viewer/Footer/helpers";
@@ -9,11 +8,8 @@ import { shouldBeForwardButton } from "cozy-ui/transpiled/react/Viewer/Footer/he
 var ForwardOrDownloadButton = function ForwardOrDownloadButton(_ref) {
   var file = _ref.file;
   var client = useClient();
-  var FileActionButton = shouldBeForwardButton(client) ? ForwardButton : DownloadButton; // Temporarily disable Download button on iOS Flagship app until
-  // the download feature is fixed on this platform
-  // When fixed on this platform, revert this commit from PR #2215
-
-  return isFlagshipApp() && isIOS() ? null : /*#__PURE__*/React.createElement(FileActionButton, {
+  var FileActionButton = shouldBeForwardButton(client) ? ForwardButton : DownloadButton;
+  return /*#__PURE__*/React.createElement(FileActionButton, {
     file: file
   });
 };

package/transpiled/react/Viewer/Panel/Qualification.js

@@ -5,6 +5,7 @@ import List from "cozy-ui/transpiled/react/MuiCozyTheme/List";
 import ListItem from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem";
 import QualificationListItemText from "cozy-ui/transpiled/react/Viewer/Panel/QualificationListItemText";
 import { withViewerLocales } from "cozy-ui/transpiled/react/Viewer/withViewerLocales";
+import MidEllipsis from "cozy-ui/transpiled/react/MidEllipsis";
 var getBoundT = models.document.locales.getBoundT;
 
 var Qualification = function Qualification(_ref) {
@@ -39,7 +40,9 @@ var Qualification = function Qualification(_ref) {
     className: 'u-ph-2'
   }, /*#__PURE__*/React.createElement(QualificationListItemText, {
     primary: t('Viewer.panel.qualification.label.title'),
-    secondary: pageLabel ? t("Viewer.panel.qualification.label.".concat(pageLabel)) : filename
+    secondary: /*#__PURE__*/React.createElement(MidEllipsis, {
+      text: pageLabel ? t("Viewer.panel.qualification.label.".concat(pageLabel)) : filename
+    })
   })), /*#__PURE__*/React.createElement(ListItem, {
     className: 'u-ph-2'
   }, /*#__PURE__*/React.createElement(QualificationListItemText, {