@quintype/components 3.5.1-image-below-fold.3 → 3.5.1-image-below-fold.4

package/dist/cjs/index.js

@@ -1939,7 +1939,7 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       showImage: !_this.shouldLazyLoad()
     };
-    console.log("aa--this.props", _this.props);
+    console.log("bb--this.props", _this.props);
     return _this;
   }
 
@@ -1968,12 +1968,13 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
       var imageProps = this.state.showImage ? responsiveProps(this.props) : {
         src: emptyWebGif__default["default"]
       };
-      console.log("aa--imageProps", imageProps);
+      console.log("bb--imageProps", imageProps);
       var imageData = responsiveProps(this.props);
-      console.log("aa--imageData", imageData);
+      console.log("bb--imageData", imageData);
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("noscript", null, /*#__PURE__*/React__default["default"].createElement("img", {
         src: imageProps === null || imageProps === void 0 ? void 0 : imageProps.src,
-        srcSet: imageProps.srcSet
+        srcSet: imageProps.srcSet,
+        className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
       })), /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || "img", Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
         ref: function ref(dom) {
           return _this2.dom = dom;
@@ -2022,6 +2023,8 @@ function ResponsiveImageBase(props) {
     global.console && global.console.warn("Image Found without an alt attribute: ".concat(props.slug));
   }
 
+  console.log("aa--bb--props.imageCDNFormat", props.imageCDNFormat);
+
   if (props.imageCDNFormat === "gumlet") {
     return /*#__PURE__*/React__default["default"].createElement(GumletImage, props);
   }

package/dist/es/components/impl/thumbor-image.js

@@ -45,7 +45,7 @@ export var ThumborImage = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       showImage: !_this.shouldLazyLoad()
     };
-    console.log("aa--this.props", _this.props);
+    console.log("bb--this.props", _this.props);
     return _this;
   }
 
@@ -74,12 +74,13 @@ export var ThumborImage = /*#__PURE__*/function (_React$Component) {
       var imageProps = this.state.showImage ? responsiveProps(this.props) : {
         src: emptyWebGif
       };
-      console.log("aa--imageProps", imageProps);
+      console.log("bb--imageProps", imageProps);
       var imageData = responsiveProps(this.props);
-      console.log("aa--imageData", imageData);
+      console.log("bb--imageData", imageData);
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("noscript", null, /*#__PURE__*/React.createElement("img", {
         src: imageProps === null || imageProps === void 0 ? void 0 : imageProps.src,
-        srcSet: imageProps.srcSet
+        srcSet: imageProps.srcSet,
+        className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
       })), /*#__PURE__*/React.createElement(this.props.reactTag || "img", Object.assign(imageProps, omit(this.props, USED_PARAMS), {
         ref: function ref(dom) {
           return _this2.dom = dom;

package/dist/es/components/responsive-image.js

@@ -18,6 +18,8 @@ function ResponsiveImageBase(props) {
     global.console && global.console.warn("Image Found without an alt attribute: ".concat(props.slug));
   }
 
+  console.log("aa--bb--props.imageCDNFormat", props.imageCDNFormat);
+
   if (props.imageCDNFormat === "gumlet") {
     return /*#__PURE__*/React.createElement(GumletImage, props);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.5.1-image-below-fold.3",
+  "version": "3.5.1-image-below-fold.4",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",