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

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 (3) hide show
  1. package/dist/cjs/index.js +7 -2
  2. package/dist/es/components/impl/thumbor-image.js +7 -2
  3. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -1969,12 +1969,17 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
1969
1969
  src: emptyWebGif__default["default"]
1970
1970
  };
1971
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), {
1972
+ var imageData = responsiveProps(this.props);
1973
+ console.log("aa--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
+ })), /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || "img", Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
1973
1978
  ref: function ref(dom) {
1974
1979
  return _this2.dom = dom;
1975
1980
  },
1976
1981
  className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
1977
- }));
1982
+ })));
1978
1983
  }
1979
1984
  }, {
1980
1985
  key: "componentDidMount",
package/dist/es/components/impl/thumbor-image.js CHANGED
@@ -75,12 +75,17 @@ export var ThumborImage = /*#__PURE__*/function (_React$Component) {
75
75
  src: emptyWebGif
76
76
  };
77
77
  console.log("aa--imageProps", imageProps);
78
- return /*#__PURE__*/React.createElement(this.props.reactTag || "img", Object.assign(imageProps, omit(this.props, USED_PARAMS), {
78
+ var imageData = responsiveProps(this.props);
79
+ console.log("aa--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
+ })), /*#__PURE__*/React.createElement(this.props.reactTag || "img", Object.assign(imageProps, omit(this.props, USED_PARAMS), {
79
84
  ref: function ref(dom) {
80
85
  return _this2.dom = dom;
81
86
  },
82
87
  className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
83
- }));
88
+ })));
84
89
  }
85
90
  }, {
86
91
  key: "componentDidMount",
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.3",
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",