react-datocms - npm Package Compare versions

Comparing version 3.0.3 to 3.0.4

dist/cjs/Image/index.js

@@ -68,5 +68,5 @@ "use strict";
 exports.Image = react_1.forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, _c = _a.fadeInDuration, fadeInDuration = _c === void 0 ? 500 : _c, intersectionTreshold = _a.intersectionTreshold, intersectionThreshold = _a.intersectionThreshold, intersectionMargin = _a.intersectionMargin, pictureClassName = _a.pictureClassName, _d = _a.lazyLoad, lazyLoad = _d === void 0 ? true : _d, style = _a.style, pictureStyle = _a.pictureStyle, _e = _a.layout, layout = _e === void 0 ? 'intrinsic' : _e, objectFit = _a.objectFit, objectPosition = _a.objectPosition, data = _a.data, onLoad = _a.onLoad, _f = _a.usePlaceholder, usePlaceholder = _f === void 0 ? true : _f;
-    var _g = react_1.useState(false), loaded = _g[0], setLoaded = _g[1];
+    var _b, _c;
+    var className = _a.className, _d = _a.fadeInDuration, fadeInDuration = _d === void 0 ? 500 : _d, intersectionTreshold = _a.intersectionTreshold, intersectionThreshold = _a.intersectionThreshold, intersectionMargin = _a.intersectionMargin, pictureClassName = _a.pictureClassName, _e = _a.lazyLoad, lazyLoad = _e === void 0 ? true : _e, style = _a.style, pictureStyle = _a.pictureStyle, _f = _a.layout, layout = _f === void 0 ? 'intrinsic' : _f, objectFit = _a.objectFit, objectPosition = _a.objectPosition, data = _a.data, onLoad = _a.onLoad, _g = _a.usePlaceholder, usePlaceholder = _g === void 0 ? true : _g;
+    var _h = react_1.useState(false), loaded = _h[0], setLoaded = _h[1];
     var handleLoad = function () {
@@ -76,3 +76,3 @@ onLoad === null || onLoad === void 0 ? void 0 : onLoad();
     };
-    var _h = react_intersection_observer_1.useInView({
+    var _j = react_intersection_observer_1.useInView({
         threshold: intersectionThreshold || intersectionTreshold || 0,
@@ -82,3 +82,3 @@ rootMargin: intersectionMargin || '0px 0px 0px 0px',
         fallbackInView: true
-    }), viewRef = _h[0], inView = _h[1];
+    }), viewRef = _j[0], inView = _j[1];
     var callbackRef = react_1.useCallback(function (_ref) {
@@ -140,3 +140,3 @@ viewRef(_ref);
             regularSource,
-            data.src && (react_1["default"].createElement("img", { src: data.src, alt: data.alt, title: data.title, onLoad: handleLoad, className: pictureClassName, style: __assign(__assign(__assign({ opacity: showImage ? 1 : 0, transition: transition }, absolutePositioning), { objectFit: objectFit,
+            data.src && (react_1["default"].createElement("img", { src: data.src, alt: (_b = data.alt) !== null && _b !== void 0 ? _b : '', title: data.title, onLoad: handleLoad, className: pictureClassName, style: __assign(__assign(__assign({ opacity: showImage ? 1 : 0, transition: transition }, absolutePositioning), { objectFit: objectFit,
                     objectPosition: objectPosition }), pictureStyle) })))),
@@ -147,4 +147,4 @@ react_1["default"].createElement("noscript", null,
                 regularSource,
-                data.src && (react_1["default"].createElement("img", { src: data.src, alt: (_b = data.alt) !== null && _b !== void 0 ? _b : '', title: data.title, className: pictureClassName, style: __assign(__assign({}, absolutePositioning), pictureStyle), loading: "lazy" }))))));
+                data.src && (react_1["default"].createElement("img", { src: data.src, alt: (_c = data.alt) !== null && _c !== void 0 ? _c : '', title: data.title, className: pictureClassName, style: __assign(__assign({}, absolutePositioning), pictureStyle), loading: "lazy" }))))));
 });
 //# sourceMappingURL=index.js.map

dist/esm/Image/index.js

@@ -46,5 +46,5 @@ var __assign = (this && this.__assign) || function () {
 export var Image = forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, _c = _a.fadeInDuration, fadeInDuration = _c === void 0 ? 500 : _c, intersectionTreshold = _a.intersectionTreshold, intersectionThreshold = _a.intersectionThreshold, intersectionMargin = _a.intersectionMargin, pictureClassName = _a.pictureClassName, _d = _a.lazyLoad, lazyLoad = _d === void 0 ? true : _d, style = _a.style, pictureStyle = _a.pictureStyle, _e = _a.layout, layout = _e === void 0 ? 'intrinsic' : _e, objectFit = _a.objectFit, objectPosition = _a.objectPosition, data = _a.data, onLoad = _a.onLoad, _f = _a.usePlaceholder, usePlaceholder = _f === void 0 ? true : _f;
-    var _g = useState(false), loaded = _g[0], setLoaded = _g[1];
+    var _b, _c;
+    var className = _a.className, _d = _a.fadeInDuration, fadeInDuration = _d === void 0 ? 500 : _d, intersectionTreshold = _a.intersectionTreshold, intersectionThreshold = _a.intersectionThreshold, intersectionMargin = _a.intersectionMargin, pictureClassName = _a.pictureClassName, _e = _a.lazyLoad, lazyLoad = _e === void 0 ? true : _e, style = _a.style, pictureStyle = _a.pictureStyle, _f = _a.layout, layout = _f === void 0 ? 'intrinsic' : _f, objectFit = _a.objectFit, objectPosition = _a.objectPosition, data = _a.data, onLoad = _a.onLoad, _g = _a.usePlaceholder, usePlaceholder = _g === void 0 ? true : _g;
+    var _h = useState(false), loaded = _h[0], setLoaded = _h[1];
     var handleLoad = function () {
@@ -54,3 +54,3 @@ onLoad === null || onLoad === void 0 ? void 0 : onLoad();
     };
-    var _h = useInView({
+    var _j = useInView({
         threshold: intersectionThreshold || intersectionTreshold || 0,
@@ -60,3 +60,3 @@ rootMargin: intersectionMargin || '0px 0px 0px 0px',
         fallbackInView: true
-    }), viewRef = _h[0], inView = _h[1];
+    }), viewRef = _j[0], inView = _j[1];
     var callbackRef = useCallback(function (_ref) {
@@ -118,3 +118,3 @@ viewRef(_ref);
             regularSource,
-            data.src && (React.createElement("img", { src: data.src, alt: data.alt, title: data.title, onLoad: handleLoad, className: pictureClassName, style: __assign(__assign(__assign({ opacity: showImage ? 1 : 0, transition: transition }, absolutePositioning), { objectFit: objectFit,
+            data.src && (React.createElement("img", { src: data.src, alt: (_b = data.alt) !== null && _b !== void 0 ? _b : '', title: data.title, onLoad: handleLoad, className: pictureClassName, style: __assign(__assign(__assign({ opacity: showImage ? 1 : 0, transition: transition }, absolutePositioning), { objectFit: objectFit,
                     objectPosition: objectPosition }), pictureStyle) })))),
@@ -125,4 +125,4 @@ React.createElement("noscript", null,
                 regularSource,
-                data.src && (React.createElement("img", { src: data.src, alt: (_b = data.alt) !== null && _b !== void 0 ? _b : '', title: data.title, className: pictureClassName, style: __assign(__assign({}, absolutePositioning), pictureStyle), loading: "lazy" }))))));
+                data.src && (React.createElement("img", { src: data.src, alt: (_c = data.alt) !== null && _c !== void 0 ? _c : '', title: data.title, className: pictureClassName, style: __assign(__assign({}, absolutePositioning), pictureStyle), loading: "lazy" }))))));
 });
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "react-datocms",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "types": "dist/types/index.d.ts",
@@ -5,0 +5,0 @@ "main": "dist/cjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

200192

increased by0.06%

Lines of code

2527

increased by0.04%

No dependency changes