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

react-spinners-css

Package Overview
Dependencies
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-spinners-css - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

68

dist/Default/index.js

@@ -1,60 +0,22 @@

import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
import _createClass from "@babel/runtime/helpers/esm/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/esm/inherits";
import React, { Component } from 'react';
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
import React from 'react';
import './style.css';
export default function Default(_ref) {
var color = _ref.color;
var Default =
/*#__PURE__*/
function (_Component) {
_inherits(Default, _Component);
function Default() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, Default);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Default)).call.apply(_getPrototypeOf2, [this].concat(args)));
_this.Circles = function () {
var div = [];
for (var index = 0; index < 12; index++) {
div.push(React.createElement("div", {
key: index,
style: {
background: "".concat(_this.props.color)
}
}));
var circles = _toConsumableArray(Array(12)).map(function (_, index) {
return React.createElement("div", {
key: index,
style: {
background: "".concat(color)
}
});
});
return div;
};
return _this;
}
_createClass(Default, [{
key: "render",
value: function render() {
return React.createElement("div", {
className: "lds-default"
}, this.Circles());
}
}]);
return Default;
}(Component);
export { Default as default };
return React.createElement("div", {
className: "lds-default"
}, circles);
}
Default.defaultProps = {
color: '#7f58af'
};

@@ -0,1 +1,2 @@

import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";

@@ -9,12 +10,2 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";

function createArray(length) {
var array = [];
for (var num = 0; num < length; num++) {
array.push(null);
}
return array;
}
var Facebook =

@@ -39,3 +30,3 @@ /*#__PURE__*/

_this.getCircles = function () {
return createArray(3).map(function (val, index) {
return _toConsumableArray(Array(3)).map(function (val, index) {
return React.createElement("div", {

@@ -42,0 +33,0 @@ key: index,

@@ -1,60 +0,22 @@

import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
import _createClass from "@babel/runtime/helpers/esm/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/esm/inherits";
import React, { Component } from 'react';
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
import React from 'react';
import './style.css';
export default function Grid(_ref) {
var color = _ref.color;
var Grid =
/*#__PURE__*/
function (_Component) {
_inherits(Grid, _Component);
function Grid() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, Grid);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Grid)).call.apply(_getPrototypeOf2, [this].concat(args)));
_this.Circles = function () {
var div = [];
for (var index = 0; index < 9; index++) {
div.push(React.createElement("div", {
key: index,
style: {
background: "".concat(_this.props.color)
}
}));
var circles = _toConsumableArray(Array(9)).map(function (_, index) {
return React.createElement("div", {
key: index,
style: {
background: "".concat(color)
}
});
});
return div;
};
return _this;
}
_createClass(Grid, [{
key: "render",
value: function render() {
return React.createElement("div", {
className: "lds-grid"
}, this.Circles());
}
}]);
return Grid;
}(Component);
export { Grid as default };
return React.createElement("div", {
className: "lds-grid"
}, circles);
}
Grid.defaultProps = {
color: '#7f58af'
};
{
"name": "react-spinners-css",
"version": "1.0.7",
"version": "1.0.8",
"private": false,

@@ -5,0 +5,0 @@ "main": "dist/index.js",

@@ -1,2 +0,2 @@

# React Spinners CSS Loaders ([Angular](https://github.com/JoshK2/ng-spinners))
# React Spinners CSS Loaders ([Vue](https://github.com/JoshK2/vue-spinners-css), [Angular](https://github.com/JoshK2/ng-spinners))
[![bit components](https://img.shields.io/badge/dynamic/json.svg?color=6e3991&label=bit%20components&query=payload.totalComponents&url=https%3A%2F%2Fapi.bit.dev%2Fscope%2Fjoshk%2Freact-spinners-css)](https://bit.dev/joshk/react-spinners-css)

@@ -3,0 +3,0 @@ [![npm version](https://badge.fury.io/js/react-spinners-css.svg)](https://www.npmjs.com/package/react-spinners-css)

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