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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/cjs/index.js +12 -4
  2. package/dist/es/components/impl/thumbor-image.js +10 -4
  3. package/dist/es/components/responsive-image.js +2 -0
  4. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -1939,7 +1939,7 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
1939
1939
  _this.state = {
1940
1940
  showImage: !_this.shouldLazyLoad()
1941
1941
  };
1942
- console.log("aa--this.props", _this.props);
1942
+ console.log("bb--this.props", _this.props);
1943
1943
  return _this;
1944
1944
  }
1945
1945
 
@@ -1968,13 +1968,19 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
1968
1968
  var imageProps = this.state.showImage ? responsiveProps(this.props) : {
1969
1969
  src: emptyWebGif__default["default"]
1970
1970
  };
1971
- console.log("aa--imageProps", imageProps);
1972
- return /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || "img", Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
1971
+ console.log("bb--imageProps", imageProps);
1972
+ var imageData = responsiveProps(this.props);
1973
+ console.log("bb--imageData", imageData);
1974
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("noscript", null, /*#__PURE__*/React__default["default"].createElement("img", {
1975
+ src: imageProps === null || imageProps === void 0 ? void 0 : imageProps.src,
1976
+ srcSet: imageProps.srcSet,
1977
+ className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
1978
+ })), /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || "img", Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
1973
1979
  ref: function ref(dom) {
1974
1980
  return _this2.dom = dom;
1975
1981
  },
1976
1982
  className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
1977
- }));
1983
+ })));
1978
1984
  }
1979
1985
  }, {
1980
1986
  key: "componentDidMount",
@@ -2017,6 +2023,8 @@ function ResponsiveImageBase(props) {
2017
2023
  global.console && global.console.warn("Image Found without an alt attribute: ".concat(props.slug));
2018
2024
  }
2019
2025
 
2026
+ console.log("aa--bb--props.imageCDNFormat", props.imageCDNFormat);
2027
+
2020
2028
  if (props.imageCDNFormat === "gumlet") {
2021
2029
  return /*#__PURE__*/React__default["default"].createElement(GumletImage, props);
2022
2030
  }
package/dist/es/components/impl/thumbor-image.js CHANGED
@@ -45,7 +45,7 @@ export var ThumborImage = /*#__PURE__*/function (_React$Component) {
45
45
  _this.state = {
46
46
  showImage: !_this.shouldLazyLoad()
47
47
  };
48
- console.log("aa--this.props", _this.props);
48
+ console.log("bb--this.props", _this.props);
49
49
  return _this;
50
50
  }
51
51
 
@@ -74,13 +74,19 @@ export var ThumborImage = /*#__PURE__*/function (_React$Component) {
74
74
  var imageProps = this.state.showImage ? responsiveProps(this.props) : {
75
75
  src: emptyWebGif
76
76
  };
77
- console.log("aa--imageProps", imageProps);
78
- return /*#__PURE__*/React.createElement(this.props.reactTag || "img", Object.assign(imageProps, omit(this.props, USED_PARAMS), {
77
+ console.log("bb--imageProps", imageProps);
78
+ var imageData = responsiveProps(this.props);
79
+ console.log("bb--imageData", imageData);
80
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("noscript", null, /*#__PURE__*/React.createElement("img", {
81
+ src: imageProps === null || imageProps === void 0 ? void 0 : imageProps.src,
82
+ srcSet: imageProps.srcSet,
83
+ className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
84
+ })), /*#__PURE__*/React.createElement(this.props.reactTag || "img", Object.assign(imageProps, omit(this.props, USED_PARAMS), {
79
85
  ref: function ref(dom) {
80
86
  return _this2.dom = dom;
81
87
  },
82
88
  className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
83
- }));
89
+ })));
84
90
  }
85
91
  }, {
86
92
  key: "componentDidMount",
package/dist/es/components/responsive-image.js CHANGED
@@ -18,6 +18,8 @@ function ResponsiveImageBase(props) {
18
18
  global.console && global.console.warn("Image Found without an alt attribute: ".concat(props.slug));
19
19
  }
20
20
 
21
+ console.log("aa--bb--props.imageCDNFormat", props.imageCDNFormat);
22
+
21
23
  if (props.imageCDNFormat === "gumlet") {
22
24
  return /*#__PURE__*/React.createElement(GumletImage, props);
23
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quintype/components",
3
- "version": "3.5.1-image-below-fold.2",
3
+ "version": "3.5.1-image-below-fold.4",
4
4
  "description": "Components to help build Quintype Node.js apps",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",