gatsby-plugin-image 2.0.0 → 2.1.0

package/dist/components/picture.js

@@ -1,96 +1,96 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-exports.__esModule = true;
-exports.Picture = void 0;
-/* eslint-disable filenames/match-regex */
-var react_1 = __importStar(require("react"));
-var PropTypes = __importStar(require("prop-types"));
-var Image = function Image(_a) {
-    var src = _a.src, srcSet = _a.srcSet, loading = _a.loading, _b = _a.alt, alt = _b === void 0 ? "" : _b, shouldLoad = _a.shouldLoad, innerRef = _a.innerRef, props = __rest(_a, ["src", "srcSet", "loading", "alt", "shouldLoad", "innerRef"]);
-    return (react_1["default"].createElement("img", __assign({}, props, { decoding: "async", loading: loading, src: shouldLoad ? src : undefined, "data-src": !shouldLoad ? src : undefined, srcSet: shouldLoad ? srcSet : undefined, "data-srcset": !shouldLoad ? srcSet : undefined, alt: alt, ref: innerRef })));
-};
-exports.Picture = (0, react_1.forwardRef)(function Picture(_a, ref) {
-    var fallback = _a.fallback, _b = _a.sources, sources = _b === void 0 ? [] : _b, _c = _a.shouldLoad, shouldLoad = _c === void 0 ? true : _c, props = __rest(_a, ["fallback", "sources", "shouldLoad"]);
-    var sizes = props.sizes || (fallback === null || fallback === void 0 ? void 0 : fallback.sizes);
-    var fallbackImage = (react_1["default"].createElement(Image, __assign({}, props, fallback, { sizes: sizes, shouldLoad: shouldLoad, innerRef: ref })));
-    if (!sources.length) {
-        return fallbackImage;
-    }
-    return (react_1["default"].createElement("picture", null,
-        sources.map(function (_a) {
-            var media = _a.media, srcSet = _a.srcSet, type = _a.type;
-            return (react_1["default"].createElement("source", { key: media + "-" + type + "-" + srcSet, type: type, media: media, srcSet: shouldLoad ? srcSet : undefined, "data-srcset": !shouldLoad ? srcSet : undefined, sizes: sizes }));
-        }),
-        fallbackImage));
-});
-Image.propTypes = {
-    src: PropTypes.string.isRequired,
-    alt: PropTypes.string.isRequired,
-    sizes: PropTypes.string,
-    srcSet: PropTypes.string,
-    shouldLoad: PropTypes.bool
-};
-exports.Picture.displayName = "Picture";
-exports.Picture.propTypes = {
-    alt: PropTypes.string.isRequired,
-    shouldLoad: PropTypes.bool,
-    fallback: PropTypes.exact({
-        src: PropTypes.string.isRequired,
-        srcSet: PropTypes.string,
-        sizes: PropTypes.string
-    }),
-    sources: PropTypes.arrayOf(PropTypes.oneOfType([
-        PropTypes.exact({
-            media: PropTypes.string.isRequired,
-            type: PropTypes.string,
-            sizes: PropTypes.string,
-            srcSet: PropTypes.string.isRequired
-        }),
-        PropTypes.exact({
-            media: PropTypes.string,
-            type: PropTypes.string.isRequired,
-            sizes: PropTypes.string,
-            srcSet: PropTypes.string.isRequired
-        }),
-    ]))
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+exports.__esModule = true;
+exports.Picture = void 0;
+/* eslint-disable filenames/match-regex */
+var react_1 = __importStar(require("react"));
+var PropTypes = __importStar(require("prop-types"));
+var Image = function Image(_a) {
+    var src = _a.src, srcSet = _a.srcSet, loading = _a.loading, _b = _a.alt, alt = _b === void 0 ? "" : _b, shouldLoad = _a.shouldLoad, innerRef = _a.innerRef, props = __rest(_a, ["src", "srcSet", "loading", "alt", "shouldLoad", "innerRef"]);
+    return (react_1["default"].createElement("img", __assign({}, props, { decoding: "async", loading: loading, src: shouldLoad ? src : undefined, "data-src": !shouldLoad ? src : undefined, srcSet: shouldLoad ? srcSet : undefined, "data-srcset": !shouldLoad ? srcSet : undefined, alt: alt, ref: innerRef })));
+};
+exports.Picture = (0, react_1.forwardRef)(function Picture(_a, ref) {
+    var fallback = _a.fallback, _b = _a.sources, sources = _b === void 0 ? [] : _b, _c = _a.shouldLoad, shouldLoad = _c === void 0 ? true : _c, props = __rest(_a, ["fallback", "sources", "shouldLoad"]);
+    var sizes = props.sizes || (fallback === null || fallback === void 0 ? void 0 : fallback.sizes);
+    var fallbackImage = (react_1["default"].createElement(Image, __assign({}, props, fallback, { sizes: sizes, shouldLoad: shouldLoad, innerRef: ref })));
+    if (!sources.length) {
+        return fallbackImage;
+    }
+    return (react_1["default"].createElement("picture", null,
+        sources.map(function (_a) {
+            var media = _a.media, srcSet = _a.srcSet, type = _a.type;
+            return (react_1["default"].createElement("source", { key: media + "-" + type + "-" + srcSet, type: type, media: media, srcSet: shouldLoad ? srcSet : undefined, "data-srcset": !shouldLoad ? srcSet : undefined, sizes: sizes }));
+        }),
+        fallbackImage));
+});
+Image.propTypes = {
+    src: PropTypes.string.isRequired,
+    alt: PropTypes.string.isRequired,
+    sizes: PropTypes.string,
+    srcSet: PropTypes.string,
+    shouldLoad: PropTypes.bool
+};
+exports.Picture.displayName = "Picture";
+exports.Picture.propTypes = {
+    alt: PropTypes.string.isRequired,
+    shouldLoad: PropTypes.bool,
+    fallback: PropTypes.exact({
+        src: PropTypes.string.isRequired,
+        srcSet: PropTypes.string,
+        sizes: PropTypes.string
+    }),
+    sources: PropTypes.arrayOf(PropTypes.oneOfType([
+        PropTypes.exact({
+            media: PropTypes.string.isRequired,
+            type: PropTypes.string,
+            sizes: PropTypes.string,
+            srcSet: PropTypes.string.isRequired
+        }),
+        PropTypes.exact({
+            media: PropTypes.string,
+            type: PropTypes.string.isRequired,
+            sizes: PropTypes.string,
+            srcSet: PropTypes.string.isRequired
+        }),
+    ]))
+};

package/dist/components/placeholder.js

@@ -1,74 +1,74 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
-exports.__esModule = true;
-exports.Placeholder = void 0;
-var react_1 = __importDefault(require("react"));
-var PropTypes = __importStar(require("prop-types"));
-var picture_1 = require("./picture");
-var Placeholder = function Placeholder(_a) {
-    var fallback = _a.fallback, props = __rest(_a, ["fallback"]);
-    if (fallback) {
-        return (react_1["default"].createElement(picture_1.Picture, __assign({}, props, { fallback: {
-                src: fallback
-            }, "aria-hidden": true, alt: "" })));
-    }
-    else {
-        return react_1["default"].createElement("div", __assign({}, props));
-    }
-};
-exports.Placeholder = Placeholder;
-exports.Placeholder.displayName = "Placeholder";
-exports.Placeholder.propTypes = {
-    fallback: PropTypes.string,
-    sources: (_a = picture_1.Picture.propTypes) === null || _a === void 0 ? void 0 : _a.sources,
-    alt: function (props, propName, componentName) {
-        if (!props[propName]) {
-            return null;
-        }
-        return new Error("Invalid prop `" + propName + "` supplied to `" + componentName + "`. Validation failed.");
-    }
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+exports.__esModule = true;
+exports.Placeholder = void 0;
+var react_1 = __importDefault(require("react"));
+var PropTypes = __importStar(require("prop-types"));
+var picture_1 = require("./picture");
+var Placeholder = function Placeholder(_a) {
+    var fallback = _a.fallback, props = __rest(_a, ["fallback"]);
+    if (fallback) {
+        return (react_1["default"].createElement(picture_1.Picture, __assign({}, props, { fallback: {
+                src: fallback
+            }, "aria-hidden": true, alt: "" })));
+    }
+    else {
+        return react_1["default"].createElement("div", __assign({}, props));
+    }
+};
+exports.Placeholder = Placeholder;
+exports.Placeholder.displayName = "Placeholder";
+exports.Placeholder.propTypes = {
+    fallback: PropTypes.string,
+    sources: (_a = picture_1.Picture.propTypes) === null || _a === void 0 ? void 0 : _a.sources,
+    alt: function (props, propName, componentName) {
+        if (!props[propName]) {
+            return null;
+        }
+        return new Error("Invalid prop `" + propName + "` supplied to `" + componentName + "`. Validation failed.");
+    }
+};

package/dist/components/static-image.server.js

@@ -1,111 +1,111 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.StaticImage = exports.propTypes = exports._getStaticImage = void 0;
-var react_1 = __importDefault(require("react"));
-var gatsby_image_server_1 = require("./gatsby-image.server");
-var prop_types_1 = __importDefault(require("prop-types"));
-function _getStaticImage(GatsbyImage) {
-    return function StaticImage(_a) {
-        var src = _a.src, imageData = _a.__imageData, __error = _a.__error, 
-        // We extract these because they're not meant to be passed-down to GatsbyImage
-        /* eslint-disable @typescript-eslint/no-unused-vars */
-        width = _a.width, height = _a.height, aspectRatio = _a.aspectRatio, tracedSVGOptions = _a.tracedSVGOptions, placeholder = _a.placeholder, formats = _a.formats, quality = _a.quality, transformOptions = _a.transformOptions, jpgOptions = _a.jpgOptions, pngOptions = _a.pngOptions, webpOptions = _a.webpOptions, avifOptions = _a.avifOptions, blurredOptions = _a.blurredOptions, 
-        /* eslint-enable @typescript-eslint/no-unused-vars */
-        props = __rest(_a, ["src", "__imageData", "__error", "width", "height", "aspectRatio", "tracedSVGOptions", "placeholder", "formats", "quality", "transformOptions", "jpgOptions", "pngOptions", "webpOptions", "avifOptions", "blurredOptions"]);
-        if (__error) {
-            console.warn(__error);
-        }
-        if (imageData) {
-            return react_1["default"].createElement(GatsbyImage, __assign({ image: imageData }, props));
-        }
-        console.warn("Image not loaded", src);
-        if (!__error && process.env.NODE_ENV === "development") {
-            console.warn("Please ensure that \"gatsby-plugin-image\" is included in the plugins array in gatsby-config.js, and that your version of gatsby is at least 2.24.78");
-        }
-        return null;
-    };
-}
-exports._getStaticImage = _getStaticImage;
-var StaticImage = _getStaticImage(gatsby_image_server_1.GatsbyImage);
-exports.StaticImage = StaticImage;
-var checkDimensionProps = function (props, propName) {
-    var rest = [];
-    for (var _i = 2; _i < arguments.length; _i++) {
-        rest[_i - 2] = arguments[_i];
-    }
-    if (props.layout === "fullWidth" &&
-        (propName === "width" || propName === "height") &&
-        props[propName]) {
-        return new Error("\"" + propName + "\" " + props[propName] + " may not be passed when layout is fullWidth.");
-    }
-    return prop_types_1["default"].number.apply(prop_types_1["default"], __spreadArray([props, propName], __read(rest), false));
-};
-var validLayouts = new Set(["fixed", "fullWidth", "constrained"]);
-exports.propTypes = {
-    src: prop_types_1["default"].string.isRequired,
-    alt: gatsby_image_server_1.altValidator,
-    width: checkDimensionProps,
-    height: checkDimensionProps,
-    sizes: prop_types_1["default"].string,
-    layout: function (props) {
-        if (props.layout === undefined) {
-            return undefined;
-        }
-        if (validLayouts.has(props.layout)) {
-            return undefined;
-        }
-        return new Error("Invalid value " + props.layout + "\" provided for prop \"layout\". Defaulting to \"constrained\". Valid values are \"fixed\", \"fullWidth\" or \"constrained\".");
-    }
-};
-StaticImage.displayName = "StaticImage";
-StaticImage.propTypes = exports.propTypes;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.StaticImage = exports.propTypes = exports._getStaticImage = void 0;
+var react_1 = __importDefault(require("react"));
+var gatsby_image_server_1 = require("./gatsby-image.server");
+var prop_types_1 = __importDefault(require("prop-types"));
+function _getStaticImage(GatsbyImage) {
+    return function StaticImage(_a) {
+        var src = _a.src, imageData = _a.__imageData, __error = _a.__error, 
+        // We extract these because they're not meant to be passed-down to GatsbyImage
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        width = _a.width, height = _a.height, aspectRatio = _a.aspectRatio, tracedSVGOptions = _a.tracedSVGOptions, placeholder = _a.placeholder, formats = _a.formats, quality = _a.quality, transformOptions = _a.transformOptions, jpgOptions = _a.jpgOptions, pngOptions = _a.pngOptions, webpOptions = _a.webpOptions, avifOptions = _a.avifOptions, blurredOptions = _a.blurredOptions, 
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        props = __rest(_a, ["src", "__imageData", "__error", "width", "height", "aspectRatio", "tracedSVGOptions", "placeholder", "formats", "quality", "transformOptions", "jpgOptions", "pngOptions", "webpOptions", "avifOptions", "blurredOptions"]);
+        if (__error) {
+            console.warn(__error);
+        }
+        if (imageData) {
+            return react_1["default"].createElement(GatsbyImage, __assign({ image: imageData }, props));
+        }
+        console.warn("Image not loaded", src);
+        if (!__error && process.env.NODE_ENV === "development") {
+            console.warn("Please ensure that \"gatsby-plugin-image\" is included in the plugins array in gatsby-config.js, and that your version of gatsby is at least 2.24.78");
+        }
+        return null;
+    };
+}
+exports._getStaticImage = _getStaticImage;
+var StaticImage = _getStaticImage(gatsby_image_server_1.GatsbyImage);
+exports.StaticImage = StaticImage;
+var checkDimensionProps = function (props, propName) {
+    var rest = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        rest[_i - 2] = arguments[_i];
+    }
+    if (props.layout === "fullWidth" &&
+        (propName === "width" || propName === "height") &&
+        props[propName]) {
+        return new Error("\"" + propName + "\" " + props[propName] + " may not be passed when layout is fullWidth.");
+    }
+    return prop_types_1["default"].number.apply(prop_types_1["default"], __spreadArray([props, propName], __read(rest), false));
+};
+var validLayouts = new Set(["fixed", "fullWidth", "constrained"]);
+exports.propTypes = {
+    src: prop_types_1["default"].string.isRequired,
+    alt: gatsby_image_server_1.altValidator,
+    width: checkDimensionProps,
+    height: checkDimensionProps,
+    sizes: prop_types_1["default"].string,
+    layout: function (props) {
+        if (props.layout === undefined) {
+            return undefined;
+        }
+        if (validLayouts.has(props.layout)) {
+            return undefined;
+        }
+        return new Error("Invalid value " + props.layout + "\" provided for prop \"layout\". Defaulting to \"constrained\". Valid values are \"fixed\", \"fullWidth\" or \"constrained\".");
+    }
+};
+StaticImage.displayName = "StaticImage";
+StaticImage.propTypes = exports.propTypes;

package/dist/gatsby-image.browser.js

@@ -1,2 +1,2 @@
-var e=require("./index.browser-38b528ec.js");require("react"),require("common-tags"),require("camelcase"),require("prop-types"),require("react-dom"),exports.GatsbyImage=e.GatsbyImage,exports.LaterHydrator=e.LaterHydrator,exports.MainImage=e.MainImage,exports.Placeholder=e.Placeholder,exports.StaticImage=e.StaticImage,exports.generateImageData=e.generateImageData,exports.getImage=e.getImage,exports.getImageData=e.getImageData,exports.getLowResolutionImageURL=e.getLowResolutionImageURL,exports.getSrc=e.getSrc,exports.getSrcSet=e.getSrcSet,exports.withArtDirection=e.withArtDirection;
+var e=require("./index.browser-47dabe93.js");require("react"),require("common-tags"),require("camelcase"),require("prop-types"),require("react-dom"),exports.GatsbyImage=e.GatsbyImage,exports.LaterHydrator=e.LaterHydrator,exports.MainImage=e.MainImage,exports.Placeholder=e.Placeholder,exports.StaticImage=e.StaticImage,exports.generateImageData=e.generateImageData,exports.getImage=e.getImage,exports.getImageData=e.getImageData,exports.getLowResolutionImageURL=e.getLowResolutionImageURL,exports.getSrc=e.getSrc,exports.getSrcSet=e.getSrcSet,exports.withArtDirection=e.withArtDirection;
 //# sourceMappingURL=gatsby-image.browser.js.map

package/dist/gatsby-image.browser.modern.js

@@ -1,2 +1,2 @@
-export{G as GatsbyImage,c as LaterHydrator,M as MainImage,P as Placeholder,S as StaticImage,i as generateImageData,d as getImage,h as getImageData,j as getLowResolutionImageURL,e as getSrc,f as getSrcSet,w as withArtDirection}from"./index.browser-6dd13747.js";import"react";import"common-tags";import"camelcase";import"prop-types";import"react-dom";
+export{G as GatsbyImage,c as LaterHydrator,M as MainImage,P as Placeholder,S as StaticImage,i as generateImageData,d as getImage,h as getImageData,j as getLowResolutionImageURL,e as getSrc,f as getSrcSet,w as withArtDirection}from"./index.browser-aa98ba4b.js";import"react";import"common-tags";import"camelcase";import"prop-types";import"react-dom";
 //# sourceMappingURL=gatsby-image.browser.modern.js.map

package/dist/gatsby-image.browser.module.js

@@ -1,2 +1,2 @@
-export{G as GatsbyImage,c as LaterHydrator,M as MainImage,P as Placeholder,S as StaticImage,i as generateImageData,d as getImage,h as getImageData,j as getLowResolutionImageURL,e as getSrc,f as getSrcSet,w as withArtDirection}from"./index.browser-bb1a9c70.js";import"react";import"common-tags";import"camelcase";import"prop-types";import"react-dom";
+export{G as GatsbyImage,c as LaterHydrator,M as MainImage,P as Placeholder,S as StaticImage,i as generateImageData,d as getImage,h as getImageData,j as getLowResolutionImageURL,e as getSrc,f as getSrcSet,w as withArtDirection}from"./index.browser-44f85d35.js";import"react";import"common-tags";import"camelcase";import"prop-types";import"react-dom";
 //# sourceMappingURL=gatsby-image.browser.module.js.map