cozy-ui 70.7.0 → 72.1.0

package/CHANGELOG.md

@@ -1,3 +1,54 @@
+# [72.1.0](https://github.com/cozy/cozy-ui/compare/v72.0.0...v72.1.0) (2022-08-25)
+
+
+### Features
+
+* Let the user able to select content ([7efff3d](https://github.com/cozy/cozy-ui/commit/7efff3d))
+
+# [72.0.0](https://github.com/cozy/cozy-ui/compare/v71.0.0...v72.0.0) (2022-08-24)
+
+
+### Bug Fixes
+
+* Do not display Viewer's Download button on iOS Flagship app ([db2303d](https://github.com/cozy/cozy-ui/commit/db2303d))
+
+
+### Code Refactoring
+
+* Handle footer items' gap in `FooterContent` container ([22776e2](https://github.com/cozy/cozy-ui/commit/22776e2))
+
+
+### BREAKING CHANGES
+
+* Items inside of `FooterActionButtons` should not have
+specified margins anymore as those are now handled by its container.
+Remove them to avoid duplicate margins
+
+# [71.0.0](https://github.com/cozy/cozy-ui/compare/v70.7.0...v71.0.0) (2022-08-24)
+
+
+### Features
+
+* Exports all MUI styles functions ([8e9228c](https://github.com/cozy/cozy-ui/commit/8e9228c))
+
+
+### BREAKING CHANGES
+
+* Imports of `makeStyles`, `useTheme` and `withStyles`
+are no longer done like this
+`import ... from cozy-ui/transpiled/react/helpers/[makeStyles|useTheme|withStyles]`
+but instead
+`import { ... } from cozy-ui/transpiled/react/styles`
+
+You can use a codemods `transform-mui-styles-imports.js`
+to automatically handle this breaking change.
+[See the codemods documentation](https://github.com/cozy/cozy-libs/tree/master/packages/cozy-codemods).
+Using linter js auto-correction can be a good idea after that.
+Here a common example (don't forget to change `src` value):
+```
+jscodeshift -t $(yarn global dir)/node_modules/@cozy/codemods/src/transforms/transform-mui-styles-imports.js src --parser babel --extensions js,jsx && yarn lint:js --fix
+```
+
 # [70.7.0](https://github.com/cozy/cozy-ui/compare/v70.6.2...v70.7.0) (2022-08-23)
 
 

package/package.json

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

package/react/Viewer/Footer/FooterContent.jsx

@@ -16,7 +16,8 @@ const useStyles = makeStyles(theme => ({
     height: '100%',
     paddingLeft: '1rem',
     paddingRight: '1rem',
-    borderTop: `1px solid ${theme.palette.divider}`
+    borderTop: `1px solid ${theme.palette.divider}`,
+    columnGap: '0.5rem'
   }
 }))
 

package/react/Viewer/Footer/ForwardOrDownloadButton.jsx

@@ -2,6 +2,7 @@ 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'
@@ -14,7 +15,10 @@ const ForwardOrDownloadButton = ({ file }) => {
     ? ForwardButton
     : DownloadButton
 
-  return <FileActionButton file={file} />
+  // 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} />
 }
 
 ForwardOrDownloadButton.propTypes = {

package/react/Viewer/Footer/Sharing.jsx

@@ -25,7 +25,6 @@ const Sharing = ({ file }) => {
           />
         )}
         <ShareButton
-          className="u-mr-half"
           extension="full"
           useShortLabel
           docId={file.id}

package/react/Viewer/Readme.md

@@ -102,7 +102,7 @@ const ShareButtonFake = () => {
   return (
     <Button
       label="Share"
-      className="u-w-100 u-ml-0 u-mr-half"
+      className="u-w-100 u-ml-0 u-mr-0"
       variant="secondary"
       startIcon={<Icon icon={ShareIcon} />}
       onClick={() => {

package/react/Viewer/ViewerControls.jsx

@@ -47,11 +47,6 @@ class ViewerControls extends Component {
     }
   }
 
-  onTap = () => {
-    if (this.state.hidden) this.showControls()
-    else this.hideAfterDelay()
-  }
-
   hideAfterDelay = () => {
     clearTimeout(this.hideTimeout)
     this.hideTimeout = setTimeout(() => {
@@ -65,13 +60,18 @@ class ViewerControls extends Component {
   }
 
   initGestures = () => {
-    const gestures = new Hammer(this.wrapped)
-    gestures.on('swipe', this.onSwipe)
-    gestures.on('tap', this.onTap)
-    const tap = gestures.get('tap')
-    const doubleTap = gestures.get('doubletap')
-    doubleTap.recognizeWith(tap)
-    tap.requireFailure(doubleTap)
+    const gestures = new Hammer(
+      this.wrapped,
+      this.props.breakpoints.isDesktop
+        ? {
+            cssProps: {
+              userSelect: 'auto'
+            }
+          }
+        : {}
+    )
+    if (!this.props.breakpoints.isDesktop) gestures.on('swipe', this.onSwipe)
+
     return gestures
   }
 
@@ -116,7 +116,6 @@ class ViewerControls extends Component {
     } = this.props
     const { showToolbar, showClose, toolbarRef } = toolbarProps
     const { hidden } = this.state
-
     return (
       <div
         className={cx(styles['viewer-controls'], {

package/react/styles/index.js

@@ -0,0 +1 @@
+export * from '@material-ui/core/styles'

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

@@ -14,7 +14,8 @@ var useStyles = makeStyles(function (theme) {
       height: '100%',
       paddingLeft: '1rem',
       paddingRight: '1rem',
-      borderTop: "1px solid ".concat(theme.palette.divider)
+      borderTop: "1px solid ".concat(theme.palette.divider),
+      columnGap: '0.5rem'
     }
   };
 });

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

@@ -1,6 +1,7 @@
 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";
@@ -8,8 +9,11 @@ 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;
-  return /*#__PURE__*/React.createElement(FileActionButton, {
+  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, {
     file: file
   });
 };

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

@@ -26,7 +26,6 @@ var Sharing = function Sharing(_ref) {
       return setShowShareModal(false);
     }
   }), /*#__PURE__*/React.createElement(ShareButton, {
-    className: "u-mr-half",
     extension: "full",
     useShortLabel: true,
     docId: file.id,

package/transpiled/react/Viewer/ViewerControls.js

@@ -108,10 +108,6 @@ var ViewerControls = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onTap", function () {
-      if (_this.state.hidden) _this.showControls();else _this.hideAfterDelay();
-    });
-
     _defineProperty(_assertThisInitialized(_this), "hideAfterDelay", function () {
       clearTimeout(_this.hideTimeout);
       _this.hideTimeout = setTimeout(function () {
@@ -124,13 +120,12 @@ var ViewerControls = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "initGestures", function () {
-      var gestures = new Hammer(_this.wrapped);
-      gestures.on('swipe', _this.onSwipe);
-      gestures.on('tap', _this.onTap);
-      var tap = gestures.get('tap');
-      var doubleTap = gestures.get('doubletap');
-      doubleTap.recognizeWith(tap);
-      tap.requireFailure(doubleTap);
+      var gestures = new Hammer(_this.wrapped, _this.props.breakpoints.isDesktop ? {
+        cssProps: {
+          userSelect: 'auto'
+        }
+      } : {});
+      if (!_this.props.breakpoints.isDesktop) gestures.on('swipe', _this.onSwipe);
       return gestures;
     });
 

package/transpiled/react/styles/index.js

@@ -0,0 +1 @@
+export * from '@material-ui/core/styles';

package/react/helpers/makeStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from '@material-ui/core/styles'
-export default makeStyles

package/react/helpers/useTheme.js

@@ -1,2 +0,0 @@
-import { useTheme } from '@material-ui/core'
-export default useTheme

package/react/helpers/withStyles.js

@@ -1,2 +0,0 @@
-import { withStyles } from '@material-ui/core/styles'
-export default withStyles

package/transpiled/react/helpers/makeStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from '@material-ui/core/styles';
-export default makeStyles;

package/transpiled/react/helpers/useTheme.js

@@ -1,2 +0,0 @@
-import { useTheme } from '@material-ui/core';
-export default useTheme;

package/transpiled/react/helpers/withStyles.js

@@ -1,2 +0,0 @@
-import { withStyles } from '@material-ui/core/styles';
-export default withStyles;