@s-ui/react-molecule-photo-uploader - npm Package Compare versions

Comparing version 1.6.0 to 1.7.0

CHANGELOG.md

@@ -5,2 +5,12 @@ # Change Log
 
+# 1.7.0 (2020-04-15)
+
+
+### Features
+
+* fix counter styles ([6ab5325](https://github.com/SUI-Components/sui-components/commit/6ab5325e423686d10d61260885535d21a6a3615b))
+* fix photouploader: ratio image disabled ([38829c6](https://github.com/SUI-Components/sui-components/commit/38829c6edde5293bd102b10880694c28073c1755))
+
+
+
 # 1.6.0 (2020-04-01)
@@ -7,0 +17,0 @@

lib/PhotosPreview.js

@@ -9,6 +9,7 @@ import React from 'react';
 import { formatToBase64, cropAndRotateImage, base64ToBlob } from './photoTools';
-import { THUMB_CLASS_NAME, THUMB_SORTABLE_CLASS_NAME, DEFAULT_NOTIFICATION_ERROR, DEFAULT_HAS_ERRORS_STATUS, DEFAULT_IMAGE_ROTATION_DEGREES, ROTATION_DIRECTION, DEFAULT_IMAGE_ASPECT_RATIO, DEFAULT_MAX_IMAGE_HEIGHT, DEFAULT_MAX_IMAGE_WIDTH } from './config';
+import { BASE_CLASS_NAME, THUMB_CLASS_NAME, THUMB_SORTABLE_CLASS_NAME, DEFAULT_NOTIFICATION_ERROR, DEFAULT_HAS_ERRORS_STATUS, DEFAULT_IMAGE_ROTATION_DEGREES, ROTATION_DIRECTION, DEFAULT_IMAGE_ASPECT_RATIO, DEFAULT_MAX_IMAGE_HEIGHT, DEFAULT_MAX_IMAGE_WIDTH } from './config';
+var PREVIEW_CARD_CLASS_NAME = BASE_CLASS_NAME + "-preview";
 
 var PhotosPreview = function PhotosPreview(_ref) {
-  var _cx;
+  var _cx, _cx2;
 
@@ -146,3 +147,4 @@ var _callbackPhotosUploaded = _ref._callbackPhotosUploaded,
         retryIcon: retryIcon(),
-        rejectPhotosIcon: rejectPhotosIcon()
+        rejectPhotosIcon: rejectPhotosIcon(),
+        outputImageAspectRatioDisabled: outputImageAspectRatioDisabled
       }));
@@ -152,4 +154,5 @@ });
 
+  var previewCardClass = cx(PREVIEW_CARD_CLASS_NAME, (_cx2 = {}, _cx2[PREVIEW_CARD_CLASS_NAME + "--ratioDisabled"] = outputImageAspectRatioDisabled, _cx2));
   return React.createElement(ReactSortable, {
-    className: "sui-MoleculePhotoUploader-preview",
+    className: previewCardClass,
     handle: ".sui-MoleculePhotoUploader-thumbCard-imageContainer",
@@ -156,0 +159,0 @@ ghostClass: THUMB_CLASS_NAME + "--ghost",

lib/ThumbCard.js

@@ -14,3 +14,3 @@ import React from 'react';
 var ThumbCard = function ThumbCard(_ref) {
-  var _cx;
+  var _cx, _cx2;
 
@@ -26,2 +26,3 @@ var _ref$iconSize = _ref.iconSize,
       mainPhotoLabel = _ref.mainPhotoLabel,
+      outputImageAspectRatioDisabled = _ref.outputImageAspectRatioDisabled,
       rejectPhotosIcon = _ref.rejectPhotosIcon,
@@ -32,2 +33,3 @@ retryIcon = _ref.retryIcon,
   var counterClass = cx(THUMB_CARD_CLASS_NAME + "-counter", (_cx = {}, _cx[THUMB_CARD_CLASS_NAME + "-mainCounter"] = index === 0, _cx));
+  var imageThumbClass = cx(IMAGE_THUMB_CARD_CLASS_NAME, (_cx2 = {}, _cx2[IMAGE_THUMB_CARD_CLASS_NAME + "--ratioDisabled"] = outputImageAspectRatioDisabled, _cx2));
   return React.createElement("div", {
@@ -45,3 +47,3 @@ className: THUMB_CARD_CLASS_NAME
     src: image.preview,
-    className: IMAGE_THUMB_CARD_CLASS_NAME
+    className: imageThumbClass
   })), React.createElement("div", {
@@ -48,0 +50,0 @@ className: ACTION_THUMB_CARD_CLASS_NAME

package.json

 {
   "name": "@s-ui/react-molecule-photo-uploader",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

63519

increased by1.76%

Lines of code

1073

increased by0.56%

No dependency changes