cozy-ui 110.6.0 → 110.7.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [110.7.0](https://github.com/cozy/cozy-ui/compare/v110.6.0...v110.7.0) (2024-07-09)
+
+
+### Bug Fixes
+
+* **ActionsMenu/addImageToPdf:** Correct excessive weight when adding img ([ee7e46c](https://github.com/cozy/cozy-ui/commit/ee7e46c))
+
+
+### Features
+
+* **ActionsMenu/resizeImage:** Remove unnecessary param ([c6d06e8](https://github.com/cozy/cozy-ui/commit/c6d06e8))
+
 # [110.6.0](https://github.com/cozy/cozy-ui/compare/v110.5.0...v110.6.0) (2024-07-08)
 
 

package/package.json

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

package/react/ActionsMenu/Actions/helpers.js

@@ -92,14 +92,13 @@ export const makeBase64FromFile = async file => {
 
 /**
  * @param {HTMLImageElement} image
- * @param {number} [maxSizeInPixel] - Maximum size before being resized
  * @returns {number}
  */
-const getImageScaleRatio = (image, maxSize) => {
+const getImageScaleRatio = image => {
   const longerSideSizeInPixel = Math.max(image.height, image.width)
   let scaleRatio = 1
-  if (maxSize < longerSideSizeInPixel) {
-    scaleRatio = maxSize / longerSideSizeInPixel
+  if (MAX_RESIZE_IMAGE_SIZE < longerSideSizeInPixel) {
+    scaleRatio = MAX_RESIZE_IMAGE_SIZE / longerSideSizeInPixel
   }
 
   return scaleRatio
@@ -108,22 +107,16 @@ const getImageScaleRatio = (image, maxSize) => {
 /**
  * @param {object} opts
  * @param {string} opts.base64 - Base64 of image
- * @param {string} opts.type - Type of image
- * @param {number} opts.maxSize - Maximum size before being resized
  * @returns {Promise<string>}
  */
-const resizeImage = async ({
-  base64: fileDataUri,
-  type: fileType,
-  maxSize
-}) => {
+const resizeImage = async ({ base64: fileDataUri }) => {
   return new Promise((resolve, reject) => {
     const newImage = new Image()
     newImage.src = fileDataUri
     newImage.onerror = reject
     newImage.onload = () => {
       const canvas = document.createElement('canvas')
-      const scaleRatio = getImageScaleRatio(newImage, maxSize)
+      const scaleRatio = getImageScaleRatio(newImage)
       const scaledWidth = scaleRatio * newImage.width
       const scaledHeight = scaleRatio * newImage.height
       const quality =
@@ -138,7 +131,7 @@ const resizeImage = async ({
         .getContext('2d')
         .drawImage(newImage, 0, 0, scaledWidth, scaledHeight)
 
-      resolve(canvas.toDataURL(fileType, quality))
+      resolve(canvas.toDataURL('image/jpeg', quality))
     }
   })
 }
@@ -157,6 +150,7 @@ const fileToDataUri = async file => {
 }
 
 /**
+ * Compress image and add it to pdf
  * @param {PDFDocument} pdfDoc
  * @param {File} file
  * @returns {Promise<void>}
@@ -164,14 +158,9 @@ const fileToDataUri = async file => {
 const addImageToPdf = async (pdfDoc, file) => {
   const fileDataUri = await fileToDataUri(file)
   const resizedImage = await resizeImage({
-    base64: fileDataUri,
-    type: file.type,
-    maxSize: MAX_RESIZE_IMAGE_SIZE
+    base64: fileDataUri
   })
-
-  let img
-  if (file.type === 'image/png') img = await pdfDoc.embedPng(resizedImage)
-  if (file.type === 'image/jpeg') img = await pdfDoc.embedJpg(resizedImage)
+  const img = await pdfDoc.embedJpg(resizedImage)
 
   const page = pdfDoc.addPage([img.width, img.height])
   const { width: pageWidth, height: pageHeight } = page.getSize()

package/transpiled/react/ActionsMenu/Actions/helpers.js

@@ -103,16 +103,15 @@ export var makeBase64FromFile = /*#__PURE__*/function () {
 }();
 /**
  * @param {HTMLImageElement} image
- * @param {number} [maxSizeInPixel] - Maximum size before being resized
  * @returns {number}
  */
 
-var getImageScaleRatio = function getImageScaleRatio(image, maxSize) {
+var getImageScaleRatio = function getImageScaleRatio(image) {
   var longerSideSizeInPixel = Math.max(image.height, image.width);
   var scaleRatio = 1;
 
-  if (maxSize < longerSideSizeInPixel) {
-    scaleRatio = maxSize / longerSideSizeInPixel;
+  if (MAX_RESIZE_IMAGE_SIZE < longerSideSizeInPixel) {
+    scaleRatio = MAX_RESIZE_IMAGE_SIZE / longerSideSizeInPixel;
   }
 
   return scaleRatio;
@@ -120,20 +119,18 @@ var getImageScaleRatio = function getImageScaleRatio(image, maxSize) {
 /**
  * @param {object} opts
  * @param {string} opts.base64 - Base64 of image
- * @param {string} opts.type - Type of image
- * @param {number} opts.maxSize - Maximum size before being resized
  * @returns {Promise<string>}
  */
 
 
 var resizeImage = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
-    var fileDataUri, fileType, maxSize;
+    var fileDataUri;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            fileDataUri = _ref3.base64, fileType = _ref3.type, maxSize = _ref3.maxSize;
+            fileDataUri = _ref3.base64;
             return _context2.abrupt("return", new Promise(function (resolve, reject) {
               var newImage = new Image();
               newImage.src = fileDataUri;
@@ -141,14 +138,14 @@ var resizeImage = /*#__PURE__*/function () {
 
               newImage.onload = function () {
                 var canvas = document.createElement('canvas');
-                var scaleRatio = getImageScaleRatio(newImage, maxSize);
+                var scaleRatio = getImageScaleRatio(newImage);
                 var scaledWidth = scaleRatio * newImage.width;
                 var scaledHeight = scaleRatio * newImage.height;
                 var quality = scaledWidth >= MAX_IMAGE_SIDE_SIZE || scaledHeight >= MAX_IMAGE_SIDE_SIZE ? 0.35 : 0.75;
                 canvas.width = scaledWidth;
                 canvas.height = scaledHeight;
                 canvas.getContext('2d').drawImage(newImage, 0, 0, scaledWidth, scaledHeight);
-                resolve(canvas.toDataURL(fileType, quality));
+                resolve(canvas.toDataURL('image/jpeg', quality));
               };
             }));
 
@@ -200,6 +197,7 @@ var fileToDataUri = /*#__PURE__*/function () {
   };
 }();
 /**
+ * Compress image and add it to pdf
  * @param {PDFDocument} pdfDoc
  * @param {File} file
  * @returns {Promise<void>}
@@ -221,38 +219,16 @@ var addImageToPdf = /*#__PURE__*/function () {
             fileDataUri = _context4.sent;
             _context4.next = 5;
             return resizeImage({
-              base64: fileDataUri,
-              type: file.type,
-              maxSize: MAX_RESIZE_IMAGE_SIZE
+              base64: fileDataUri
             });
 
           case 5:
             resizedImage = _context4.sent;
-
-            if (!(file.type === 'image/png')) {
-              _context4.next = 10;
-              break;
-            }
-
-            _context4.next = 9;
-            return pdfDoc.embedPng(resizedImage);
-
-          case 9:
-            img = _context4.sent;
-
-          case 10:
-            if (!(file.type === 'image/jpeg')) {
-              _context4.next = 14;
-              break;
-            }
-
-            _context4.next = 13;
+            _context4.next = 8;
             return pdfDoc.embedJpg(resizedImage);
 
-          case 13:
+          case 8:
             img = _context4.sent;
-
-          case 14:
             page = pdfDoc.addPage([img.width, img.height]);
             _page$getSize = page.getSize(), pageWidth = _page$getSize.width, pageHeight = _page$getSize.height;
             page.drawImage(img, {
@@ -262,7 +238,7 @@ var addImageToPdf = /*#__PURE__*/function () {
               height: img.height
             });
 
-          case 17:
+          case 12:
           case "end":
             return _context4.stop();
         }