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

react-loader

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-loader - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

3

bower.json

@@ -21,2 +21,5 @@ {

],
"dependencies": {
"spin.js": "2.x"
},
"authors": [

@@ -23,0 +26,0 @@ "Matt Huggins <mhuggins@quickleft.com>"

10

lib/react-loader.js

@@ -6,5 +6,5 @@ /** @jsx React.DOM */

if (typeof define === 'function' && define.amd) {
define(['react', 'spin'], factory);
define(['react', 'spin.js'], factory);
} else if (typeof module === 'object' && typeof module.exports === 'object') {
module.exports = factory(require('react'), require('spin'));
module.exports = factory(require('react'), require('spin.js'));
} else {

@@ -16,3 +16,3 @@ root.Loader = factory(root.React, root.Spinner);

var Loader = React.createClass({displayName: 'Loader',
var Loader = React.createClass({displayName: "Loader",
propTypes: {

@@ -92,5 +92,5 @@ loaded: React.PropTypes.bool,

if (this.state.loaded) {
return ( React.DOM.div({key: "content"}, this.props.children) );
return ( React.createElement("div", {key: "content"}, this.props.children) );
} else {
return ( React.DOM.div({key: "loader", ref: "loader", className: "loader"}) );
return ( React.createElement("div", {key: "loader", ref: "loader", className: "loader"}) );
}

@@ -97,0 +97,0 @@ }

@@ -6,5 +6,5 @@ /** @jsx React.DOM */

if (typeof define === 'function' && define.amd) {
define(['react', 'spin'], factory);
define(['react', 'spin.js'], factory);
} else if (typeof module === 'object' && typeof module.exports === 'object') {
module.exports = factory(require('react'), require('spin'));
module.exports = factory(require('react'), require('spin.js'));
} else {

@@ -11,0 +11,0 @@ root.Loader = factory(root.React, root.Spinner);

{
"name": "react-loader",
"description": "React component that displays a spinner via spin.js until your component is loaded",
"version": "1.0.1",
"version": "1.1.0",
"main": "lib/react-loader.js",

@@ -36,2 +36,5 @@ "scripts": {

"homepage": "https://github.com/quickleft/react-loader",
"dependencies": {
"spin.js": "2.x"
},
"devDependencies": {

@@ -42,7 +45,6 @@ "browserify": "^5.9.1",

"mocha-phantomjs": "^3.5.0",
"react": "^0.10.0",
"react-tools": "^0.11.1",
"reactify": "^0.14.0",
"spin": "0.0.1"
"react": "^0.12.2",
"react-tools": "^0.12.2",
"reactify": "^0.14.0"
}
}
}

@@ -36,4 +36,4 @@ /** @jsx React.DOM */

beforeEach(function () {
var loader = new Loader(testCase.props, 'Welcome');
React.renderComponent(loader, document.body);
var loader = React.createElement(Loader, testCase.props, 'Welcome');
React.render(loader, document.body);
});

@@ -40,0 +40,0 @@

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