Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

gatsby-image

Package Overview
Dependencies
Maintainers
22
Versions
310
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

gatsby-image - npm Package Compare versions

Comparing version 2.4.5 to 2.4.6

4

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log

## [2.4.6](https://github.com/gatsbyjs/gatsby/compare/gatsby-image@2.4.5...gatsby-image@2.4.6) (2020-06-02)
**Note:** Version bump only for package gatsby-image
## [2.4.5](https://github.com/gatsbyjs/gatsby/compare/gatsby-image@2.4.4...gatsby-image@2.4.5) (2020-05-20)

@@ -8,0 +12,0 @@

20

index.js

@@ -298,3 +298,3 @@ "use strict";

var Placeholder = _react.default.forwardRef(function (props, ref) {
var Placeholder = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
var src = props.src,

@@ -316,3 +316,3 @@ imageVariants = props.imageVariants,

var Img = _react.default.forwardRef(function (props, ref) {
var Img = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
var sizes = props.sizes,

@@ -377,4 +377,4 @@ srcSet = props.srcSet,

};
_this.imageRef = _react.default.createRef();
_this.placeholderRef = props.placeholderRef || _react.default.createRef();
_this.imageRef = /*#__PURE__*/_react.default.createRef();
_this.placeholderRef = props.placeholderRef || /*#__PURE__*/_react.default.createRef();
_this.handleImageLoaded = _this.handleImageLoaded.bind((0, _assertThisInitialized2.default)(_this));

@@ -485,5 +485,5 @@ _this.handleRef = _this.handleRef.bind((0, _assertThisInitialized2.default)(_this));

};
var imagePlaceholderStyle = (0, _extends2.default)((0, _extends2.default)((0, _extends2.default)({
var imagePlaceholderStyle = (0, _extends2.default)({
opacity: this.state.imgLoaded ? 0 : 1
}, shouldFadeIn && delayHideStyle), imgStyle), placeholderStyle);
}, shouldFadeIn && delayHideStyle, imgStyle, placeholderStyle);
var placeholderImageProps = {

@@ -558,7 +558,7 @@ title: title,

dangerouslySetInnerHTML: {
__html: noscriptImg((0, _extends2.default)((0, _extends2.default)({
__html: noscriptImg((0, _extends2.default)({
alt: alt,
title: title,
loading: loading
}, image), {}, {
}, image, {
imageVariants: imageVariants

@@ -633,7 +633,7 @@ }))

dangerouslySetInnerHTML: {
__html: noscriptImg((0, _extends2.default)((0, _extends2.default)({
__html: noscriptImg((0, _extends2.default)({
alt: alt,
title: title,
loading: loading
}, _image), {}, {
}, _image, {
imageVariants: _imageVariants

@@ -640,0 +640,0 @@ }))

{
"name": "gatsby-image",
"description": "Lazy-loading React image component with optional support for the blur-up effect.",
"version": "2.4.5",
"version": "2.4.6",
"author": "Kyle Mathews <mathews.kyle@gmail.com>",

@@ -10,3 +10,3 @@ "bugs": {

"dependencies": {
"@babel/runtime": "^7.9.6",
"@babel/runtime": "^7.10.2",
"object-fit-images": "^3.2.4",

@@ -16,6 +16,6 @@ "prop-types": "^15.7.2"

"devDependencies": {
"@babel/cli": "^7.8.4",
"@babel/core": "^7.9.6",
"@babel/cli": "^7.10.1",
"@babel/core": "^7.10.2",
"@testing-library/react": "^9.5.0",
"babel-preset-gatsby-package": "^0.4.2",
"babel-preset-gatsby-package": "^0.4.3",
"cross-env": "^5.2.1"

@@ -44,3 +44,3 @@ },

},
"gitHead": "78271c317542bab22705508cf1d7bd4cfdb37200"
"gitHead": "75f059efb1135362845bb347d2778cacfeb1454b"
}

@@ -39,4 +39,4 @@ "use strict";

_this = _Component.call.apply(_Component, [this].concat(args)) || this;
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "imageRef", _this.props.innerRef || (0, _react.createRef)());
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "placeholderRef", (0, _react.createRef)());
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "imageRef", _this.props.innerRef || /*#__PURE__*/(0, _react.createRef)());
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "placeholderRef", /*#__PURE__*/(0, _react.createRef)());
return _this;

@@ -78,4 +78,4 @@ }

}, props, {
imgStyle: (0, _extends2.default)((0, _extends2.default)({}, props.imgStyle), polyfillStyle),
placeholderStyle: (0, _extends2.default)((0, _extends2.default)({}, props.placeholderStyle), polyfillStyle)
imgStyle: (0, _extends2.default)({}, props.imgStyle, polyfillStyle),
placeholderStyle: (0, _extends2.default)({}, props.placeholderStyle, polyfillStyle)
}));

@@ -100,3 +100,3 @@ };

var _default = (0, _react.forwardRef)(function (props, ref) {
var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
return /*#__PURE__*/_react.default.createElement(ImageWithIEPolyfill, (0, _extends2.default)({}, props, {

@@ -103,0 +103,0 @@ innerRef: ref

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc