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

react-dom-confetti

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-dom-confetti - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

README.md

4

lib/confetti.js

@@ -42,3 +42,3 @@ 'use strict';

value: function componentWillReceiveProps(nextProps) {
if (nextProps.show && !this.props.show) {
if (nextProps.active && !this.props.active) {
(0, _domConfetti.confetti)(this.container, nextProps.config);

@@ -55,3 +55,3 @@ }

value: function render() {
return _react2.default.createElement('div', { style: style, ref: this.setRef });
return _react2.default.createElement('div', { className: this.props.className, style: style, ref: this.setRef });
}

@@ -58,0 +58,0 @@ }]);

{
"name": "react-dom-confetti",
"version": "0.0.6",
"version": "0.0.7",
"description": "react component for dom-confetti",

@@ -17,5 +17,12 @@ "main": "lib/confetti.js",

"babel-cli": "^6.24.1",
"babel-loader": "^6.4.1",
"babel-plugin-transform-react-jsx": "^6.24.1",
"babel-preset-es2015": "^6.24.1",
"react": "^15.5.4"
"eslint": "^3.19.0",
"gh-pages": "^0.12.0",
"material-ui": "^0.17.3",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-tap-event-plugin": "^2.0.1",
"webpack": "^2.3.3"
},

@@ -28,4 +35,7 @@ "dependencies": {

"prepublish": "npm run build",
"build": "babel src --out-dir lib"
"postpublish": "npm run gh-pages",
"build": "babel src --out-dir lib",
"build:demo": "webpack --config webpack.demo.config.js",
"gh-pages": "npm run build:demo -- -p && gh-pages -d demo"
}
}

@@ -15,3 +15,3 @@ import React, { Component } from 'react';

componentWillReceiveProps(nextProps) {
if (nextProps.show && !this.props.show) {
if (nextProps.active && !this.props.active) {
confetti(this.container, nextProps.config);

@@ -26,4 +26,4 @@ }

render() {
return <div style={ style } ref={ this.setRef } />;
return <div className={ this.props.className } style={ style } ref={ this.setRef } />;
}
}

Sorry, the diff of this file is not supported yet

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