@websolutespa/bom-mixer-ui 1.2.1 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.2.2
+
+### Patch Changes
+
+- Modified: MediaImage.
+
 ## 1.2.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -3970,6 +3970,15 @@ function useMediaGalleryContext() {
   return React.useContext(MediaGalleryContext);
 }
 
+exports.ImageStrategy = void 0;
+(function (ImageStrategy) {
+  ImageStrategy["None"] = "none";
+  ImageStrategy["Next"] = "next";
+  ImageStrategy["Custom"] = "custom";
+})(exports.ImageStrategy || (exports.ImageStrategy = {}));
+const IMAGE_QUALITY = process.env.IMAGE_QUALITY ? parseInt(process.env.IMAGE_QUALITY) : 80;
+const IMAGE_SIZES = process.env.IMAGE_SIZES ? process.env.IMAGE_SIZES.split(',').map(x => parseInt(x)) : [640, 828, 1080, 1200, 1920];
+const IMAGE_STRATEGY = process.env.IMAGE_STRATEGY ? process.env.IMAGE_STRATEGY : exports.ImageStrategy.Next;
 const StyledMediaImage = styled__default.default.img`
   max-width: 100%;
   // height: auto;
@@ -3997,8 +4006,13 @@ function getImageProps(_a) {
       src
     } = _a,
     props = __rest(_a, ["src"]);
+  if (IMAGE_STRATEGY === exports.ImageStrategy.None || isSVG(src)) {
+    return {
+      src
+    };
+  }
   const ratio = props.width && props.height ? parseInt(props.width.toString()) / parseInt(props.height.toString()) : 0;
-  const sizes = [640, 828, 1080, 1200, 1920];
+  const sizes = IMAGE_SIZES;
   return Object.assign({
     src: getImageSrc(src, ratio, sizes[0]),
     srcSet: getImageSrcset(src, ratio, sizes),
@@ -4007,7 +4021,7 @@ function getImageProps(_a) {
 }
 function getImageSrc(src, ratio, width, quality) {
   if (quality === void 0) {
-    quality = 75;
+    quality = IMAGE_QUALITY;
   }
   if (isSVG(src)) {
     return src;
@@ -4016,7 +4030,7 @@ function getImageSrc(src, ratio, width, quality) {
 }
 function getImageSrcset(src, ratio, widths, quality) {
   if (quality === void 0) {
-    quality = 75;
+    quality = IMAGE_QUALITY;
   }
   if (isSVG(src)) {
     return undefined;