cozy-viewer 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 2.2.0 (2024-10-30)
+
+
+### Features
+
+* Download file on mobile viewer on press ([3c38062](https://github.com/cozy/cozy-libs/commit/3c38062e2c83d5b8f7d0065323c18d45b5ce9564))
+
+
+
+
+
 # 2.1.0 (2024-10-25)
 
 

package/dist/ViewersByFile/PdfMobileViewer.js

@@ -13,6 +13,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -91,58 +93,65 @@ var PdfMobileViewer = function PdfMobileViewer(_ref) {
     setLoading(false);
   };
 
-  var handleOnClick = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return (0, _file.downloadFile)({
-                client: client,
-                file: file,
-                webviewIntent: webviewIntent
-              });
-
-            case 3:
-              _context.next = 8;
-              break;
-
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              showAlert({
-                message: t('Viewer.error.generic'),
-                severity: 'error',
-                variant: 'filled',
-                icon: false
-              });
-
-            case 8:
-            case "end":
-              return _context.stop();
+  var handleOnClick = (0, _react.useMemo)(function () {
+    return (0, _throttle.default)( /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return (0, _file.downloadFile)({
+                  client: client,
+                  file: file,
+                  webviewIntent: webviewIntent
+                });
+
+              case 3:
+                _context.next = 8;
+                break;
+
+              case 5:
+                _context.prev = 5;
+                _context.t0 = _context["catch"](0);
+                showAlert({
+                  message: t('Viewer.error.generic'),
+                  severity: 'error',
+                  variant: 'filled',
+                  icon: false
+                });
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
-        }
-      }, _callee, null, [[0, 5]]);
-    }));
+        }, _callee, null, [[0, 5]]);
+      }));
 
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [client, showAlert, t, webviewIntent]);
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), 1000, {
+      trailing: false
+    });
+  }, [client, showAlert, t, webviewIntent]);
   (0, _react.useEffect)(function () {
     if (gestures) {
       gestures.get('pinch').set({
         enable: true
       });
-      gestures.on('pinchend tap', function (evt) {
-        if ((evt.type === 'pinchend' || evt.tapCount === 1) && evt.target === imgRef.current) {
+      gestures.get('press').set({
+        time: 1
+      });
+      gestures.on('pinchend press', function (evt) {
+        if ((evt.type === 'pinchend' || evt.type === 'press') && evt.target === imgRef.current) {
           handleOnClick(file);
         }
       });
       return function () {
-        gestures.off('pinchend tap');
+        gestures.off('pinchend press');
       };
     }
   }, [client, gestures, file, handleOnClick]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -24,12 +24,12 @@
     "@testing-library/react": "11.2.7",
     "@testing-library/react-hooks": "^3.2.1",
     "babel-plugin-inline-json-import": "0.3.2",
-    "babel-preset-cozy-app": "^2.3.0",
+    "babel-preset-cozy-app": "^2.4.0",
     "cozy-client": "48.8.0",
     "cozy-device-helper": "2.0.0",
     "cozy-harvest-lib": "^6.7.3",
     "cozy-intent": "^1.16.1",
-    "cozy-logger": "^1.11.0",
+    "cozy-logger": "^1.12.0",
     "cozy-sharing": "14.1.0",
     "cozy-ui": "^112.0.0",
     "enzyme": "3.11.0",
@@ -60,5 +60,5 @@
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "30c23cd07bf3c50a8627fb291c62cc4007d0908a"
+  "gitHead": "b9937f0b5374a867281c8bdbd10aba5db8e9dc0e"
 }

package/src/ViewersByFile/PdfMobileViewer.jsx

@@ -1,5 +1,6 @@
+import throttle from 'lodash/throttle'
 import PropTypes from 'prop-types'
-import React, { useState, useEffect, useRef, useCallback } from 'react'
+import React, { useState, useEffect, useRef, useMemo } from 'react'
 
 import { useClient } from 'cozy-client'
 import { downloadFile } from 'cozy-client/dist/models/file'
@@ -32,28 +33,34 @@ export const PdfMobileViewer = ({ file, url, t, gestures }) => {
     setLoading(false)
   }
 
-  const handleOnClick = useCallback(
-    async file => {
-      try {
-        await downloadFile({ client, file, webviewIntent })
-      } catch (error) {
-        showAlert({
-          message: t('Viewer.error.generic'),
-          severity: 'error',
-          variant: 'filled',
-          icon: false
-        })
-      }
-    },
+  const handleOnClick = useMemo(
+    () =>
+      throttle(
+        async file => {
+          try {
+            await downloadFile({ client, file, webviewIntent })
+          } catch (error) {
+            showAlert({
+              message: t('Viewer.error.generic'),
+              severity: 'error',
+              variant: 'filled',
+              icon: false
+            })
+          }
+        },
+        1000,
+        { trailing: false }
+      ),
     [client, showAlert, t, webviewIntent]
   )
 
   useEffect(() => {
     if (gestures) {
       gestures.get('pinch').set({ enable: true })
-      gestures.on('pinchend tap', evt => {
+      gestures.get('press').set({ time: 1 })
+      gestures.on('pinchend press', evt => {
         if (
-          (evt.type === 'pinchend' || evt.tapCount === 1) &&
+          (evt.type === 'pinchend' || evt.type === 'press') &&
           evt.target === imgRef.current
         ) {
           handleOnClick(file)
@@ -61,7 +68,7 @@ export const PdfMobileViewer = ({ file, url, t, gestures }) => {
       })
 
       return () => {
-        gestures.off('pinchend tap')
+        gestures.off('pinchend press')
       }
     }
   }, [client, gestures, file, handleOnClick])