react-spinkit
Advanced tools
Comparing version 1.1.7 to 1.1.8
// Generated by CoffeeScript 1.10.0 | ||
var React, cx; | ||
var React, assign, cx; | ||
@@ -8,2 +8,4 @@ React = require('react'); | ||
assign = require('object-assign'); | ||
module.exports = React.createClass({ | ||
@@ -24,3 +26,3 @@ displayName: "SpinKit", | ||
render: function() { | ||
var classTests, classes; | ||
var classTests, classes, props; | ||
classTests = { | ||
@@ -38,6 +40,10 @@ "fade-in": !this.props.noFadeIn, | ||
} | ||
props = assign({}, this.props); | ||
delete props.spinnerName; | ||
delete props.noFadeIn; | ||
delete props.overrideSpinnerClassName; | ||
switch (this.props.spinnerName) { | ||
case "three-bounce": | ||
require('../css/three-bounce.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": "three-bounce " + classes | ||
@@ -53,3 +59,3 @@ }), React.createElement("div", { | ||
require('../css/double-bounce.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": "double-bounce " + classes | ||
@@ -63,3 +69,3 @@ }), React.createElement("div", { | ||
require('../css/rotating-plane.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": classes | ||
@@ -71,3 +77,3 @@ }), React.createElement("div", { | ||
require('../css/wave.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": "wave " + classes | ||
@@ -87,3 +93,3 @@ }), React.createElement("div", { | ||
require('../css/wandering-cubes.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": "wandering-cubes " + classes | ||
@@ -97,3 +103,3 @@ }), React.createElement("div", { | ||
require('../css/pulse.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": classes | ||
@@ -105,3 +111,3 @@ }), React.createElement("div", { | ||
require('../css/chasing-dots.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": classes | ||
@@ -117,3 +123,3 @@ }), React.createElement("div", { | ||
require('../css/circle.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": "circle-wrapper " + classes | ||
@@ -147,3 +153,3 @@ }), React.createElement("div", { | ||
require('../css/cube-grid.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": "cube-grid " + classes | ||
@@ -171,3 +177,3 @@ }), React.createElement("div", { | ||
require('../css/wordpress.css'); | ||
return React.createElement("div", Object.assign({}, this.props, { | ||
return React.createElement("div", Object.assign({}, props, { | ||
"className": classes | ||
@@ -174,0 +180,0 @@ }), React.createElement("div", { |
{ | ||
"name": "react-spinkit", | ||
"description": "A collection of loading indicators animated with CSS for React", | ||
"version": "1.1.7", | ||
"version": "1.1.8", | ||
"author": "Kyle Mathews <mathews.kyle@gmail.com>", | ||
@@ -15,3 +15,4 @@ "browserify": { | ||
"dependencies": { | ||
"classnames": "^2.2.3" | ||
"classnames": "^2.2.3", | ||
"object-assign": "^4.1.0" | ||
}, | ||
@@ -18,0 +19,0 @@ "devDependencies": { |
@@ -30,3 +30,3 @@ react-spinkit | ||
According to [research by Jakob Nielsen](http://www.nngroup.com/articles/response-times-3-important-limits/), | ||
feedback after user operations isn't necessary for about a second so be | ||
feedback after user operations isn't necessary for about a second so by | ||
default, react-spinkit will fade in your spinner at one second. | ||
@@ -33,0 +33,0 @@ You can disable spinner fade in by adding the `noFadeIn` prop e.g. `<Spinner |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
19490
926474
2
510
+ Addedobject-assign@^4.1.0
+ Addedobject-assign@4.1.1(transitive)