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

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.
package/dist/cjs/index.js CHANGED
@@ -1257,6 +1257,7 @@ var StubObserverWrapper = /*#__PURE__*/function () {
1257
1257
  _classCallCheck__default["default"](this, StubObserverWrapper);
1258
1258
 
1259
1259
  this.callback = callback;
1260
+ console.log("aa--inside-StubObserverWrapper");
1260
1261
  }
1261
1262
 
1262
1263
  _createClass__default["default"](StubObserverWrapper, [{
@@ -1938,6 +1939,7 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
1938
1939
  _this.state = {
1939
1940
  showImage: !_this.shouldLazyLoad()
1940
1941
  };
1942
+ console.log("aa--this.props", _this.props);
1941
1943
  return _this;
1942
1944
  }
1943
1945
 
@@ -1966,11 +1968,12 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
1966
1968
  var imageProps = this.state.showImage ? responsiveProps(this.props) : {
1967
1969
  src: emptyWebGif__default["default"]
1968
1970
  };
1971
+ console.log("aa--imageProps", imageProps);
1969
1972
  return /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || "img", Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
1970
1973
  ref: function ref(dom) {
1971
1974
  return _this2.dom = dom;
1972
1975
  },
1973
- className: this.props.className ? "qt-image ".concat(this.props.className) : 'qt-image'
1976
+ className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
1974
1977
  }));
1975
1978
  }
1976
1979
  }, {
@@ -8,12 +8,12 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
8
8
 
9
9
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
10
10
 
11
- import React from "react";
12
- import emptyWebGif from 'empty-web-gif';
13
- import omit from '@babel/runtime/helpers/objectWithoutProperties';
14
- import { func } from 'prop-types';
11
+ import omit from "@babel/runtime/helpers/objectWithoutProperties";
12
+ import emptyWebGif from "empty-web-gif";
13
+ import { func } from "prop-types";
15
14
  import { FocusedImage } from "quintype-js";
16
- import { USED_PARAMS, hashString } from './image-utils';
15
+ import React from "react";
16
+ import { USED_PARAMS, hashString } from "./image-utils";
17
17
  export function responsiveProps(props) {
18
18
  var image = new FocusedImage(props.slug, props.metadata);
19
19
 
@@ -45,6 +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
49
  return _this;
49
50
  }
50
51
 
@@ -73,11 +74,12 @@ export var ThumborImage = /*#__PURE__*/function (_React$Component) {
73
74
  var imageProps = this.state.showImage ? responsiveProps(this.props) : {
74
75
  src: emptyWebGif
75
76
  };
77
+ console.log("aa--imageProps", imageProps);
76
78
  return /*#__PURE__*/React.createElement(this.props.reactTag || "img", Object.assign(imageProps, omit(this.props, USED_PARAMS), {
77
79
  ref: function ref(dom) {
78
80
  return _this2.dom = dom;
79
81
  },
80
- className: this.props.className ? "qt-image ".concat(this.props.className) : 'qt-image'
82
+ className: this.props.className ? "qt-image ".concat(this.props.className) : "qt-image"
81
83
  }));
82
84
  }
83
85
  }, {
@@ -9,7 +9,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
9
9
 
10
10
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
11
11
 
12
- import { func, string } from 'prop-types';
12
+ import { func, string } from "prop-types";
13
13
  import React from "react";
14
14
 
15
15
  var IntersectionObserverWrapper = /*#__PURE__*/function () {
@@ -95,6 +95,7 @@ var StubObserverWrapper = /*#__PURE__*/function () {
95
95
  _classCallCheck(this, StubObserverWrapper);
96
96
 
97
97
  this.callback = callback;
98
+ console.log("aa--inside-StubObserverWrapper");
98
99
  }
99
100
 
100
101
  _createClass(StubObserverWrapper, [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quintype/components",
3
- "version": "3.5.1-image-below-fold.1",
3
+ "version": "3.5.1-image-below-fold.2",
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",