react-datocms 3.0.9 → 3.0.10
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/Image/index.js
CHANGED
|
@@ -65,19 +65,19 @@ var imageShowStrategy = function (_a) {
|
|
|
65
65
|
return true;
|
|
66
66
|
};
|
|
67
67
|
exports.Image = (0, react_1.forwardRef)(function (_a, ref) {
|
|
68
|
-
var _b, _c;
|
|
69
|
-
var className = _a.className,
|
|
70
|
-
var
|
|
68
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
69
|
+
var className = _a.className, _k = _a.fadeInDuration, fadeInDuration = _k === void 0 ? 500 : _k, intersectionTreshold = _a.intersectionTreshold, intersectionThreshold = _a.intersectionThreshold, intersectionMargin = _a.intersectionMargin, pictureClassName = _a.pictureClassName, _l = _a.lazyLoad, lazyLoad = _l === void 0 ? true : _l, style = _a.style, pictureStyle = _a.pictureStyle, _m = _a.layout, layout = _m === void 0 ? 'intrinsic' : _m, objectFit = _a.objectFit, objectPosition = _a.objectPosition, data = _a.data, onLoad = _a.onLoad, _o = _a.usePlaceholder, usePlaceholder = _o === void 0 ? true : _o;
|
|
70
|
+
var _p = (0, react_1.useState)(false), loaded = _p[0], setLoaded = _p[1];
|
|
71
71
|
var handleLoad = function () {
|
|
72
72
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad();
|
|
73
73
|
setLoaded(true);
|
|
74
74
|
};
|
|
75
|
-
var
|
|
75
|
+
var _q = (0, react_intersection_observer_1.useInView)({
|
|
76
76
|
threshold: intersectionThreshold || intersectionTreshold || 0,
|
|
77
77
|
rootMargin: intersectionMargin || '0px 0px 0px 0px',
|
|
78
78
|
triggerOnce: true,
|
|
79
79
|
fallbackInView: true
|
|
80
|
-
}), viewRef =
|
|
80
|
+
}), viewRef = _q[0], inView = _q[1];
|
|
81
81
|
var callbackRef = (0, react_1.useCallback)(function (_ref) {
|
|
82
82
|
viewRef(_ref);
|
|
83
83
|
if (ref)
|
|
@@ -100,11 +100,11 @@ exports.Image = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
100
100
|
inView: inView,
|
|
101
101
|
loaded: loaded
|
|
102
102
|
});
|
|
103
|
-
var webpSource = data.webpSrcSet && (react_1["default"].createElement("source", { srcSet: data.webpSrcSet, sizes: data.sizes, type: "image/webp" }));
|
|
104
|
-
var regularSource = data.srcSet && (react_1["default"].createElement("source", { srcSet: data.srcSet, sizes: data.sizes }));
|
|
103
|
+
var webpSource = data.webpSrcSet && (react_1["default"].createElement("source", { srcSet: data.webpSrcSet, sizes: (_b = data.sizes) !== null && _b !== void 0 ? _b : undefined, type: "image/webp" }));
|
|
104
|
+
var regularSource = data.srcSet && (react_1["default"].createElement("source", { srcSet: data.srcSet, sizes: (_c = data.sizes) !== null && _c !== void 0 ? _c : undefined }));
|
|
105
105
|
var transition = fadeInDuration > 0 ? "opacity ".concat(fadeInDuration, "ms") : undefined;
|
|
106
|
-
var placeholder = usePlaceholder ? (react_1["default"].createElement("img", { role: "presentation", "aria-hidden": "true", alt: "", src: data.base64, style: {
|
|
107
|
-
backgroundColor: data.bgColor,
|
|
106
|
+
var placeholder = usePlaceholder ? (react_1["default"].createElement("img", { role: "presentation", "aria-hidden": "true", alt: "", src: (_d = data.base64) !== null && _d !== void 0 ? _d : undefined, style: {
|
|
107
|
+
backgroundColor: (_e = data.bgColor) !== null && _e !== void 0 ? _e : undefined,
|
|
108
108
|
opacity: showImage ? 0 : 1,
|
|
109
109
|
transition: transition,
|
|
110
110
|
objectFit: objectFit,
|
|
@@ -133,11 +133,11 @@ exports.Image = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
133
133
|
addImage && (react_1["default"].createElement("picture", null,
|
|
134
134
|
webpSource,
|
|
135
135
|
regularSource,
|
|
136
|
-
data.src && (react_1["default"].createElement("img", { src: data.src, alt: (
|
|
136
|
+
data.src && (react_1["default"].createElement("img", { src: data.src, alt: (_f = data.alt) !== null && _f !== void 0 ? _f : '', title: (_g = data.title) !== null && _g !== void 0 ? _g : undefined, onLoad: handleLoad, className: pictureClassName, style: __assign(__assign(__assign({ opacity: showImage ? 1 : 0, transition: transition }, absolutePositioning), { objectFit: objectFit, objectPosition: objectPosition }), pictureStyle) })))),
|
|
137
137
|
react_1["default"].createElement("noscript", null,
|
|
138
138
|
react_1["default"].createElement("picture", null,
|
|
139
139
|
webpSource,
|
|
140
140
|
regularSource,
|
|
141
|
-
data.src && (react_1["default"].createElement("img", { src: data.src, alt: (
|
|
141
|
+
data.src && (react_1["default"].createElement("img", { src: data.src, alt: (_h = data.alt) !== null && _h !== void 0 ? _h : '', title: (_j = data.title) !== null && _j !== void 0 ? _j : undefined, className: pictureClassName, style: __assign(__assign({}, absolutePositioning), pictureStyle), loading: "lazy" }))))));
|
|
142
142
|
});
|
|
143
143
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgF;AAChF,2EAAwD;AACxD,qDAA0C;AAE1C,IAAM,KAAK,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAE5C,IAAM,+BAA+B,GAAG,KAAK;IAC3C,CAAC,CAAC,KAAK;IACP,CAAC,CAAC,CAAC,CAAE,MAAc,CAAC,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
|
+
declare type Maybe<T> = T | null;
|
|
2
3
|
export declare type ResponsiveImageType = {
|
|
3
4
|
/** The aspect ratio (width/height) of the image */
|
|
4
5
|
aspectRatio: number;
|
|
5
6
|
/** A base64-encoded thumbnail to offer during image loading */
|
|
6
|
-
base64?: string
|
|
7
|
+
base64?: Maybe<string>;
|
|
7
8
|
/** The height of the image */
|
|
8
|
-
height?: number
|
|
9
|
+
height?: Maybe<number>;
|
|
9
10
|
/** The width of the image */
|
|
10
11
|
width: number;
|
|
11
12
|
/** The HTML5 `sizes` attribute for the image */
|
|
12
|
-
sizes?: string
|
|
13
|
+
sizes?: Maybe<string>;
|
|
13
14
|
/** The fallback `src` attribute for the image */
|
|
14
|
-
src?: string
|
|
15
|
+
src?: Maybe<string>;
|
|
15
16
|
/** The HTML5 `srcSet` attribute for the image */
|
|
16
|
-
srcSet?: string
|
|
17
|
+
srcSet?: Maybe<string>;
|
|
17
18
|
/** The HTML5 `srcSet` attribute for the image in WebP format, for browsers that support the format */
|
|
18
|
-
webpSrcSet?: string
|
|
19
|
+
webpSrcSet?: Maybe<string>;
|
|
19
20
|
/** The background color for the image placeholder */
|
|
20
|
-
bgColor?: string
|
|
21
|
+
bgColor?: Maybe<string>;
|
|
21
22
|
/** Alternate text (`alt`) for the image */
|
|
22
|
-
alt?: string
|
|
23
|
+
alt?: Maybe<string>;
|
|
23
24
|
/** Title attribute (`title`) for the image */
|
|
24
|
-
title?: string
|
|
25
|
+
title?: Maybe<string>;
|
|
25
26
|
};
|
|
26
27
|
declare type ImagePropTypes = {
|
|
27
28
|
/** The actual response you get from a DatoCMS `responsiveImage` GraphQL query */
|
package/dist/esm/Image/index.js
CHANGED
|
@@ -43,19 +43,19 @@ var imageShowStrategy = function (_a) {
|
|
|
43
43
|
return true;
|
|
44
44
|
};
|
|
45
45
|
export var Image = forwardRef(function (_a, ref) {
|
|
46
|
-
var _b, _c;
|
|
47
|
-
var className = _a.className,
|
|
48
|
-
var
|
|
46
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
47
|
+
var className = _a.className, _k = _a.fadeInDuration, fadeInDuration = _k === void 0 ? 500 : _k, intersectionTreshold = _a.intersectionTreshold, intersectionThreshold = _a.intersectionThreshold, intersectionMargin = _a.intersectionMargin, pictureClassName = _a.pictureClassName, _l = _a.lazyLoad, lazyLoad = _l === void 0 ? true : _l, style = _a.style, pictureStyle = _a.pictureStyle, _m = _a.layout, layout = _m === void 0 ? 'intrinsic' : _m, objectFit = _a.objectFit, objectPosition = _a.objectPosition, data = _a.data, onLoad = _a.onLoad, _o = _a.usePlaceholder, usePlaceholder = _o === void 0 ? true : _o;
|
|
48
|
+
var _p = useState(false), loaded = _p[0], setLoaded = _p[1];
|
|
49
49
|
var handleLoad = function () {
|
|
50
50
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad();
|
|
51
51
|
setLoaded(true);
|
|
52
52
|
};
|
|
53
|
-
var
|
|
53
|
+
var _q = useInView({
|
|
54
54
|
threshold: intersectionThreshold || intersectionTreshold || 0,
|
|
55
55
|
rootMargin: intersectionMargin || '0px 0px 0px 0px',
|
|
56
56
|
triggerOnce: true,
|
|
57
57
|
fallbackInView: true
|
|
58
|
-
}), viewRef =
|
|
58
|
+
}), viewRef = _q[0], inView = _q[1];
|
|
59
59
|
var callbackRef = useCallback(function (_ref) {
|
|
60
60
|
viewRef(_ref);
|
|
61
61
|
if (ref)
|
|
@@ -78,11 +78,11 @@ export var Image = forwardRef(function (_a, ref) {
|
|
|
78
78
|
inView: inView,
|
|
79
79
|
loaded: loaded
|
|
80
80
|
});
|
|
81
|
-
var webpSource = data.webpSrcSet && (React.createElement("source", { srcSet: data.webpSrcSet, sizes: data.sizes, type: "image/webp" }));
|
|
82
|
-
var regularSource = data.srcSet && (React.createElement("source", { srcSet: data.srcSet, sizes: data.sizes }));
|
|
81
|
+
var webpSource = data.webpSrcSet && (React.createElement("source", { srcSet: data.webpSrcSet, sizes: (_b = data.sizes) !== null && _b !== void 0 ? _b : undefined, type: "image/webp" }));
|
|
82
|
+
var regularSource = data.srcSet && (React.createElement("source", { srcSet: data.srcSet, sizes: (_c = data.sizes) !== null && _c !== void 0 ? _c : undefined }));
|
|
83
83
|
var transition = fadeInDuration > 0 ? "opacity ".concat(fadeInDuration, "ms") : undefined;
|
|
84
|
-
var placeholder = usePlaceholder ? (React.createElement("img", { role: "presentation", "aria-hidden": "true", alt: "", src: data.base64, style: {
|
|
85
|
-
backgroundColor: data.bgColor,
|
|
84
|
+
var placeholder = usePlaceholder ? (React.createElement("img", { role: "presentation", "aria-hidden": "true", alt: "", src: (_d = data.base64) !== null && _d !== void 0 ? _d : undefined, style: {
|
|
85
|
+
backgroundColor: (_e = data.bgColor) !== null && _e !== void 0 ? _e : undefined,
|
|
86
86
|
opacity: showImage ? 0 : 1,
|
|
87
87
|
transition: transition,
|
|
88
88
|
objectFit: objectFit,
|
|
@@ -111,11 +111,11 @@ export var Image = forwardRef(function (_a, ref) {
|
|
|
111
111
|
addImage && (React.createElement("picture", null,
|
|
112
112
|
webpSource,
|
|
113
113
|
regularSource,
|
|
114
|
-
data.src && (React.createElement("img", { src: data.src, alt: (
|
|
114
|
+
data.src && (React.createElement("img", { src: data.src, alt: (_f = data.alt) !== null && _f !== void 0 ? _f : '', title: (_g = data.title) !== null && _g !== void 0 ? _g : undefined, onLoad: handleLoad, className: pictureClassName, style: __assign(__assign(__assign({ opacity: showImage ? 1 : 0, transition: transition }, absolutePositioning), { objectFit: objectFit, objectPosition: objectPosition }), pictureStyle) })))),
|
|
115
115
|
React.createElement("noscript", null,
|
|
116
116
|
React.createElement("picture", null,
|
|
117
117
|
webpSource,
|
|
118
118
|
regularSource,
|
|
119
|
-
data.src && (React.createElement("img", { src: data.src, alt: (
|
|
119
|
+
data.src && (React.createElement("img", { src: data.src, alt: (_h = data.alt) !== null && _h !== void 0 ? _h : '', title: (_j = data.title) !== null && _j !== void 0 ? _j : undefined, className: pictureClassName, style: __assign(__assign({}, absolutePositioning), pictureStyle), loading: "lazy" }))))));
|
|
120
120
|
});
|
|
121
121
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAiB,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,IAAM,KAAK,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAE5C,IAAM,+BAA+B,GAAG,KAAK;IAC3C,CAAC,CAAC,KAAK;IACP,CAAC,CAAC,CAAC,CAAE,MAAc,CAAC,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
|
+
declare type Maybe<T> = T | null;
|
|
2
3
|
export declare type ResponsiveImageType = {
|
|
3
4
|
/** The aspect ratio (width/height) of the image */
|
|
4
5
|
aspectRatio: number;
|
|
5
6
|
/** A base64-encoded thumbnail to offer during image loading */
|
|
6
|
-
base64?: string
|
|
7
|
+
base64?: Maybe<string>;
|
|
7
8
|
/** The height of the image */
|
|
8
|
-
height?: number
|
|
9
|
+
height?: Maybe<number>;
|
|
9
10
|
/** The width of the image */
|
|
10
11
|
width: number;
|
|
11
12
|
/** The HTML5 `sizes` attribute for the image */
|
|
12
|
-
sizes?: string
|
|
13
|
+
sizes?: Maybe<string>;
|
|
13
14
|
/** The fallback `src` attribute for the image */
|
|
14
|
-
src?: string
|
|
15
|
+
src?: Maybe<string>;
|
|
15
16
|
/** The HTML5 `srcSet` attribute for the image */
|
|
16
|
-
srcSet?: string
|
|
17
|
+
srcSet?: Maybe<string>;
|
|
17
18
|
/** The HTML5 `srcSet` attribute for the image in WebP format, for browsers that support the format */
|
|
18
|
-
webpSrcSet?: string
|
|
19
|
+
webpSrcSet?: Maybe<string>;
|
|
19
20
|
/** The background color for the image placeholder */
|
|
20
|
-
bgColor?: string
|
|
21
|
+
bgColor?: Maybe<string>;
|
|
21
22
|
/** Alternate text (`alt`) for the image */
|
|
22
|
-
alt?: string
|
|
23
|
+
alt?: Maybe<string>;
|
|
23
24
|
/** Title attribute (`title`) for the image */
|
|
24
|
-
title?: string
|
|
25
|
+
title?: Maybe<string>;
|
|
25
26
|
};
|
|
26
27
|
declare type ImagePropTypes = {
|
|
27
28
|
/** The actual response you get from a DatoCMS `responsiveImage` GraphQL query */
|