react-loader - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

lib/react-loader.js

 (function (root, factory) {
 
   if (typeof define === 'function' && define.amd) {
-    define(['react', 'react-dom', 'spin.js'], factory);
+    define(['react', 'react-dom', 'spin.js', 'prop-types', 'create-react-class'], factory);
   } else if (typeof module === 'object' && typeof module.exports === 'object') {
-    module.exports = factory(require('react'), require('react-dom'), require('spin.js'));
+    module.exports = factory(require('react'), require('react-dom'), require('spin.js'), require('prop-types'), require('create-react-class'));
   } else {
-    root.Loader = factory(root.React, root.ReactDOM, root.Spinner);
+    root.Loader = factory(root.React, root.ReactDOM, root.Spinner, root.PropTypes, root.createReactClass);
   }
 
-}(this, function (React, ReactDOM, Spinner) {
+}(this, function (React, ReactDOM, Spinner, PropTypes, createReactClass) {
 
-  var Loader = React.createClass({displayName: "Loader",
+  var Loader = createReactClass({
     propTypes: {
-      className:       React.PropTypes.string,
-      color:           React.PropTypes.string,
-      component:       React.PropTypes.any,
-      corners:         React.PropTypes.number,
-      direction:       React.PropTypes.oneOf([1, -1]),
-      hwaccell:        React.PropTypes.bool,
-      left:            React.PropTypes.string,
-      length:          React.PropTypes.number,
-      lines:           React.PropTypes.number,
-      loaded:          React.PropTypes.bool,
-      loadedClassName: React.PropTypes.string,
-      opacity:         React.PropTypes.number,
-      options:         React.PropTypes.object,
-      parentClassName: React.PropTypes.string,
-      radius:          React.PropTypes.number,
-      rotate:          React.PropTypes.number,
-      scale:           React.PropTypes.number,
-      shadow:          React.PropTypes.bool,
-      speed:           React.PropTypes.number,
-      top:             React.PropTypes.string,
-      trail:           React.PropTypes.number,
-      width:           React.PropTypes.number,
-      zIndex:          React.PropTypes.number
+      className:       PropTypes.string,
+      color:           PropTypes.string,
+      component:       PropTypes.any,
+      corners:         PropTypes.number,
+      direction:       PropTypes.oneOf([1, -1]),
+      fps:             PropTypes.number,
+      hwaccell:        PropTypes.bool,
+      left:            PropTypes.string,
+      length:          PropTypes.number,
+      lines:           PropTypes.number,
+      loaded:          PropTypes.bool,
+      loadedClassName: PropTypes.string,
+      opacity:         PropTypes.number,
+      options:         PropTypes.object,
+      parentClassName: PropTypes.string,
+      position:        PropTypes.string,
+      radius:          PropTypes.number,
+      rotate:          PropTypes.number,
+      scale:           PropTypes.number,
+      shadow:          PropTypes.bool,
+      speed:           PropTypes.number,
+      top:             PropTypes.string,
+      trail:           PropTypes.number,
+      width:           PropTypes.number,
+      zIndex:          PropTypes.number
     },
@@ -39,0 +41,0 @@

lib/react-loader.jsx

 (function (root, factory) {
 
   if (typeof define === 'function' && define.amd) {
-    define(['react', 'react-dom', 'spin.js'], factory);
+    define(['react', 'react-dom', 'spin.js', 'prop-types', 'create-react-class'], factory);
   } else if (typeof module === 'object' && typeof module.exports === 'object') {
-    module.exports = factory(require('react'), require('react-dom'), require('spin.js'));
+    module.exports = factory(require('react'), require('react-dom'), require('spin.js'),
+        require('prop-types'), require('create-react-class'));
   } else {
-    root.Loader = factory(root.React, root.ReactDOM, root.Spinner);
+    root.Loader = factory(root.React, root.ReactDOM, root.Spinner, root.PropTypes,
+        root.createReactClass);
   }
 
-}(this, function (React, ReactDOM, Spinner) {
+}(this, function (React, ReactDOM, Spinner, PropTypes, createReactClass) {
 
-  var Loader = React.createClass({
+  var Loader = createReactClass({
     propTypes: {
-      className:       React.PropTypes.string,
-      color:           React.PropTypes.string,
-      component:       React.PropTypes.any,
-      corners:         React.PropTypes.number,
-      direction:       React.PropTypes.oneOf([1, -1]),
-      hwaccell:        React.PropTypes.bool,
-      left:            React.PropTypes.string,
-      length:          React.PropTypes.number,
-      lines:           React.PropTypes.number,
-      loaded:          React.PropTypes.bool,
-      loadedClassName: React.PropTypes.string,
-      opacity:         React.PropTypes.number,
-      options:         React.PropTypes.object,
-      parentClassName: React.PropTypes.string,
-      radius:          React.PropTypes.number,
-      rotate:          React.PropTypes.number,
-      scale:           React.PropTypes.number,
-      shadow:          React.PropTypes.bool,
-      speed:           React.PropTypes.number,
-      top:             React.PropTypes.string,
-      trail:           React.PropTypes.number,
-      width:           React.PropTypes.number,
-      zIndex:          React.PropTypes.number
+      className:       PropTypes.string,
+      color:           PropTypes.string,
+      component:       PropTypes.any,
+      corners:         PropTypes.number,
+      direction:       PropTypes.oneOf([1, -1]),
+      fps:             PropTypes.number,
+      hwaccell:        PropTypes.bool,
+      left:            PropTypes.string,
+      length:          PropTypes.number,
+      lines:           PropTypes.number,
+      loaded:          PropTypes.bool,
+      loadedClassName: PropTypes.string,
+      opacity:         PropTypes.number,
+      options:         PropTypes.object,
+      parentClassName: PropTypes.string,
+      position:        PropTypes.string,
+      radius:          PropTypes.number,
+      rotate:          PropTypes.number,
+      scale:           PropTypes.number,
+      shadow:          PropTypes.bool,
+      speed:           PropTypes.number,
+      top:             PropTypes.string,
+      trail:           PropTypes.number,
+      width:           PropTypes.number,
+      zIndex:          PropTypes.number
     },
@@ -39,0 +43,0 @@

package.json

 {
   "name": "react-loader",
   "description": "React component that displays a spinner via spin.js until your component is loaded",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "main": "lib/react-loader.js",
@@ -41,2 +41,4 @@ "scripts": {
   "dependencies": {
+    "create-react-class": "^15.5.2",
+    "prop-types": "^15.5.8",
     "spin.js": "2.x"
@@ -43,0 +45,0 @@ },

README.md

@@ -1,2 +0,2 @@
-# react-loader [![Circle CI](https://circleci.com/gh/quickleft/react-loader.svg?style=svg)](https://circleci.com/gh/quickleft/react-loader)
+# react-loader [![CircleCI](https://circleci.com/gh/TheCognizantFoundry/react-loader.svg?style=svg)](https://circleci.com/gh/TheCognizantFoundry/react-loader)
 
@@ -8,4 +8,4 @@ react-loader provides your [React.js](http://facebook.github.io/react/)
 
-> Important Note: The 2.x branch is compatible with React 1.4 and higher. If
-> you're working with an older version of React, please use the 1.x branch.
+> Important Note: The 2.x tagged release is compatible with React 1.4 and higher. If
+> you're working with an older version of React, please use the 1.x release.
 
@@ -94,14 +94,17 @@ ## Installation
     radius: 30,
+    scale: 1.00,
     corners: 1,
+    color: '#000',
+    opacity: 0.25,
     rotate: 0,
     direction: 1,
-    color: '#000',
     speed: 1,
     trail: 60,
-    shadow: false,
-    hwaccel: false,
+    fps: 20,
     zIndex: 2e9,
     top: '50%',
     left: '50%',
-    scale: 1.00
+    shadow: false,
+    hwaccel: false,
+    position: 'absolute'
 };
@@ -135,2 +138,10 @@
 
+### Demo
+
+To view the demo open demo/index.html in any browser.
+
+![spinner demo](/examples/simple/demo.gif)
+
+## [Examples](/examples/README.md)
+
 ## Contributing
@@ -137,0 +148,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45583

increased by145.51%

Number of package files

15

increased by36.36%

Number of lines in readme file

160

increased by7.38%

Worsened metrics

Dependency count

5

increased by66.67%

Lines of code

253

decreased by-17.32%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedcreate-react-class@^15.5.2

• + Addedprop-types@^15.5.8