@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) :
|
|
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
|
|
12
|
-
import emptyWebGif from
|
|
13
|
-
import
|
|
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
|
|
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) :
|
|
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
|
|
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