react-spinners - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

dist/index.js

 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(['module', './spinners/BeatLoader', './spinners/BounceLoader', './spinners/ClipLoader', './spinners/DotLoader', './spinners/FadeLoader', './spinners/GridLoader', './spinners/MoonLoader', './spinners/PacmanLoader', './spinners/PulseLoader', './spinners/RingLoader', './spinners/RiseLoader'], factory);
+    define(['module', './spinners/BeatLoader', './spinners/BounceLoader', './spinners/ClipLoader', './spinners/DotLoader', './spinners/FadeLoader', './spinners/GridLoader', './spinners/MoonLoader', './spinners/PacmanLoader', './spinners/PulseLoader', './spinners/RingLoader', './spinners/RiseLoader', './spinners/RotateLoader', './spinners/ScaleLoader', './spinners/SkewLoader', './spinners/SquareLoader', './spinners/SyncLoader'], factory);
   } else if (typeof exports !== "undefined") {
-    factory(module, require('./spinners/BeatLoader'), require('./spinners/BounceLoader'), require('./spinners/ClipLoader'), require('./spinners/DotLoader'), require('./spinners/FadeLoader'), require('./spinners/GridLoader'), require('./spinners/MoonLoader'), require('./spinners/PacmanLoader'), require('./spinners/PulseLoader'), require('./spinners/RingLoader'), require('./spinners/RiseLoader'));
+    factory(module, require('./spinners/BeatLoader'), require('./spinners/BounceLoader'), require('./spinners/ClipLoader'), require('./spinners/DotLoader'), require('./spinners/FadeLoader'), require('./spinners/GridLoader'), require('./spinners/MoonLoader'), require('./spinners/PacmanLoader'), require('./spinners/PulseLoader'), require('./spinners/RingLoader'), require('./spinners/RiseLoader'), require('./spinners/RotateLoader'), require('./spinners/ScaleLoader'), require('./spinners/SkewLoader'), require('./spinners/SquareLoader'), require('./spinners/SyncLoader'));
   } else {
@@ -10,6 +10,6 @@ var mod = {
     };
-    factory(mod, global.BeatLoader, global.BounceLoader, global.ClipLoader, global.DotLoader, global.FadeLoader, global.GridLoader, global.MoonLoader, global.PacmanLoader, global.PulseLoader, global.RingLoader, global.RiseLoader);
+    factory(mod, global.BeatLoader, global.BounceLoader, global.ClipLoader, global.DotLoader, global.FadeLoader, global.GridLoader, global.MoonLoader, global.PacmanLoader, global.PulseLoader, global.RingLoader, global.RiseLoader, global.RotateLoader, global.ScaleLoader, global.SkewLoader, global.SquareLoader, global.SyncLoader);
     global.index = mod.exports;
   }
-})(this, function (module, _BeatLoader, _BounceLoader, _ClipLoader, _DotLoader, _FadeLoader, _GridLoader, _MoonLoader, _PacmanLoader, _PulseLoader, _RingLoader, _RiseLoader) {
+})(this, function (module, _BeatLoader, _BounceLoader, _ClipLoader, _DotLoader, _FadeLoader, _GridLoader, _MoonLoader, _PacmanLoader, _PulseLoader, _RingLoader, _RiseLoader, _RotateLoader, _ScaleLoader, _SkewLoader, _SquareLoader, _SyncLoader) {
   'use strict';
@@ -39,2 +39,12 @@
 
+  var _RotateLoader2 = _interopRequireDefault(_RotateLoader);
+
+  var _ScaleLoader2 = _interopRequireDefault(_ScaleLoader);
+
+  var _SkewLoader2 = _interopRequireDefault(_SkewLoader);
+
+  var _SquareLoader2 = _interopRequireDefault(_SquareLoader);
+
+  var _SyncLoader2 = _interopRequireDefault(_SyncLoader);
+
   function _interopRequireDefault(obj) {
@@ -57,4 +67,9 @@ return obj && obj.__esModule ? obj : {
     RingLoader: _RingLoader2.default,
-    RiseLoader: _RiseLoader2.default
+    RiseLoader: _RiseLoader2.default,
+    RotateLoader: _RotateLoader2.default,
+    ScaleLoader: _ScaleLoader2.default,
+    SkewLoader: _SkewLoader2.default,
+    SquareLoader: _SquareLoader2.default,
+    SyncLoader: _SyncLoader2.default
   };
 });

dist/spinners/MoonLoader.js

@@ -130,3 +130,3 @@ (function (global, factory) {
 
-        if (i == 1) {
+        if (i === 1) {
           return (0, _appendVendorPrefix2.default)(this.getBallStyle(moonSize), this.getAnimationStyle(i), {
@@ -138,3 +138,3 @@ backgroundColor: this.props.color,
           });
-        } else if (i == 2) {
+        } else if (i === 2) {
           return (0, _appendVendorPrefix2.default)(this.getBallStyle(size), {
@@ -145,3 +145,3 @@ border: moonSize + 'px solid ' + this.props.color,
         } else {
-          return (0, _appendVendorPrefix2.default)(this.getAnimationStyle(i), { position: 'relative' });
+          return (0, _appendVendorPrefix2.default)(this.getAnimationStyle(i), { position: 'absolute' });
         }
@@ -148,0 +148,0 @@ }

dist/spinners/PacmanLoader.js

@@ -119,3 +119,3 @@ (function (global, factory) {
             '100%': {
-              transform: 'translate(' + -4 * size + 'px,' + -size / 4 + 'px)'
+              transform: 'translate(' + -4 * size + 'px, ' + -size / 4 + 'px)'
             }
@@ -137,3 +137,3 @@ };
       value: function getStyle(i) {
-        if (i == 1) {
+        if (i === 1) {
           var s1 = this.props.size + 'px solid transparent';
@@ -140,0 +140,0 @@ var s2 = this.props.size + 'px solid ' + this.props.color;

package.json

 {
   "name": "react-spinners",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "A collection of react loading spinners",
@@ -5,0 +5,0 @@ "repository": {

src/index.js

@@ -12,2 +12,7 @@ import BeatLoader from './spinners/BeatLoader';
 import RiseLoader from './spinners/RiseLoader';
+import RotateLoader from './spinners/RotateLoader';
+import ScaleLoader from './spinners/ScaleLoader';
+import SkewLoader from './spinners/SkewLoader';
+import SquareLoader from './spinners/SquareLoader';
+import SyncLoader from './spinners/SyncLoader';
 
@@ -25,3 +30,8 @@ module.exports = {
   RingLoader,
-  RiseLoader
+  RiseLoader,
+  RotateLoader,
+  ScaleLoader,
+  SkewLoader,
+  SquareLoader,
+  SyncLoader
 }

src/spinners/MoonLoader.jsx

@@ -53,6 +53,6 @@ import React from 'react';
   getStyle(i) {
-    var size = parseInt(this.props.size);
-    var moonSize = size / 7;
+    let size = parseInt(this.props.size);
+    let moonSize = size / 7;
 
-    if (i == 1) {
+    if (i === 1) {
       return assign(
@@ -68,7 +68,7 @@ this.getBallStyle(moonSize),
       );
-    } else if (i == 2) {
+    } else if (i === 2) {
       return assign(
         this.getBallStyle(size), 
         {
-          border: moonSize + 'px solid ' + this.props.color,
+          border: `${moonSize}px solid ${this.props.color}`,
           opacity: 0.1
@@ -78,3 +78,3 @@ }
     } else {
-      return assign(this.getAnimationStyle(i), { position: 'relative' });
+      return assign(this.getAnimationStyle(i), { position: 'absolute' });
     }
@@ -81,0 +81,0 @@ }

src/spinners/PacmanLoader.jsx

@@ -40,3 +40,3 @@ import React from 'react';
         '100%': {
-          transform: 'translate(' + (-4 * size) + 'px,' + (-size / 4) + 'px)'
+          transform: `translate(${-4 * size}px, ${-size / 4}px)`
         }
@@ -61,5 +61,5 @@ };
   getStyle(i) {
-    if (i == 1) {
-      let s1 =  this.props.size + 'px solid transparent';
-      let s2 =  this.props.size + 'px solid ' + this.props.color;
+    if (i === 1) {
+      let s1 = `${this.props.size}px solid transparent`;
+      let s2 = `${this.props.size}px solid ${this.props.color}`;
 
@@ -66,0 +66,0 @@ return {

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

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

256348

increased by14.28%

Number of package files

43

increased by22.86%

Lines of code

5018

increased by26.59%

No dependency changes