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

react-activity

Package Overview
Dependencies
Maintainers
1
Versions
30
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-activity - npm Package Compare versions

Comparing version 1.0.14 to 1.0.15

.babelrc

36

dist/react-activity.js

@@ -123,4 +123,2 @@ (function webpackUniversalModuleDefinition(root, factory) {

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -145,3 +143,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-dots' }),
{ style: this.props.style, className: 'rai-dots' },
_react2.default.createElement('div', {

@@ -177,4 +175,2 @@ className: 'rai-circle',

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -184,2 +180,4 @@ value: true

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(3);

@@ -276,4 +274,2 @@

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -298,3 +294,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-levels' }),
{ style: this.props.style, className: 'rai-levels' },
_react2.default.createElement(

@@ -337,4 +333,2 @@ 'div',

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -359,3 +353,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-sentry' }),
{ style: this.props.style, className: 'rai-sentry' },
_react2.default.createElement(

@@ -401,4 +395,2 @@ 'div',

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -423,3 +415,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-spinner' }),
{ style: this.props.style, className: 'rai-spinner' },
_react2.default.createElement('div', { className: 'rai-spinner-outer', style: this.props.getBorderStyle() }),

@@ -457,4 +449,2 @@ _react2.default.createElement('div', { className: 'rai-spinner-inner', style: this.props.getBorderStyle() })

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -496,3 +486,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-squares' }),
{ style: this.props.style, className: 'rai-squares' },
squares

@@ -529,4 +519,2 @@ );

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -568,3 +556,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-digital' }),
{ style: this.props.style, className: 'rai-digital' },
rects

@@ -601,4 +589,2 @@ );

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -639,3 +625,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-bounce' }),
{ style: this.props.style, className: 'rai-bounce' },
squares

@@ -672,4 +658,2 @@ );

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
Object.defineProperty(exports, "__esModule", {

@@ -713,3 +697,3 @@ value: true

'div',
_extends({}, this.props, { className: 'rai-windill' }),
{ style: this.props.style, className: 'rai-windill' },
windill

@@ -716,0 +700,0 @@ );

'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true

@@ -8,4 +9,2 @@ });

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -15,4 +14,6 @@

exports['default'] = function (ComposedComponent, defaultAnimationDuration) {
return _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (ComposedComponent, defaultAnimationDuration) {
return _react2.default.createClass({
displayName: ComposedComponent.displayName,

@@ -64,6 +65,6 @@ propTypes: {

className += this.props.className ? ' ' + this.props.className : '';
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
{ style: containerStyle, className: this.props.className },
_react2['default'].createElement(ComposedComponent, _extends({}, this.props, {
_react2.default.createElement(ComposedComponent, _extends({}, this.props, {
getFillStyle: this.getFillStyle,

@@ -76,4 +77,2 @@ getBorderStyle: this.getBorderStyle,

});
};
module.exports = exports['default'];
};
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -19,3 +15,5 @@

var Bounce = _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Bounce = _react2.default.createClass({
displayName: 'Bounce',

@@ -34,3 +32,3 @@

for (var i = 1; i <= this.props.count; i++) {
squares.unshift(_react2['default'].createElement('div', {
squares.unshift(_react2.default.createElement('div', {
key: i,

@@ -40,5 +38,5 @@ style: this.props.getFillStyle(i / 10)

}
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-bounce' }),
{ style: this.props.style, className: 'rai-bounce' },
squares

@@ -49,3 +47,2 @@ );

exports['default'] = (0, _activityIndicator2['default'])(Bounce, 0.8);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Bounce, 0.8);
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Bounce = require('./Bounce');

@@ -13,3 +11,4 @@

exports['default'] = _Bounce2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Bounce2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -19,3 +15,5 @@

var Digital = _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Digital = _react2.default.createClass({
displayName: 'Digital',

@@ -34,3 +32,3 @@

for (var i = 1; i <= this.props.count; i++) {
rects.unshift(_react2['default'].createElement('div', {
rects.unshift(_react2.default.createElement('div', {
key: i,

@@ -41,5 +39,5 @@ style: this.props.getFillStyle(i / 10)

return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-digital' }),
{ style: this.props.style, className: 'rai-digital' },
rects

@@ -50,3 +48,2 @@ );

exports['default'] = (0, _activityIndicator2['default'])(Digital, 0.8);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Digital, 0.8);
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Digital = require('./Digital');

@@ -13,3 +11,4 @@

exports['default'] = _Digital2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Digital2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -19,18 +15,19 @@

var Dots = _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Dots = _react2.default.createClass({
displayName: 'Dots',
render: function render() {
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-dots' }),
_react2['default'].createElement('div', {
{ style: this.props.style, className: 'rai-dots' },
_react2.default.createElement('div', {
className: 'rai-circle',
style: this.props.getFillStyle(0.3)
}),
_react2['default'].createElement('div', {
_react2.default.createElement('div', {
className: 'rai-circle',
style: this.props.getFillStyle(0.2)
}),
_react2['default'].createElement('div', {
_react2.default.createElement('div', {
className: 'rai-circle',

@@ -43,3 +40,2 @@ style: this.props.getFillStyle(0.1)

exports['default'] = (0, _activityIndicator2['default'])(Dots, 0.8);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Dots, 0.8);
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Dots = require('./Dots');

@@ -13,3 +11,4 @@

exports['default'] = _Dots2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Dots2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Dots = require('./Dots');

@@ -41,3 +39,4 @@

exports['default'] = { Dots: _Dots2['default'], Levels: _Levels2['default'], Sentry: _Sentry2['default'], Spinner: _Spinner2['default'], Squares: _Squares2['default'], Digital: _Digital2['default'], Bounce: _Bounce2['default'], Windmill: _Windmill2['default'] };
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = { Dots: _Dots2.default, Levels: _Levels2.default, Sentry: _Sentry2.default, Spinner: _Spinner2.default, Squares: _Squares2.default, Digital: _Digital2.default, Bounce: _Bounce2.default, Windmill: _Windmill2.default };
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Levels = require('./Levels');

@@ -13,3 +11,4 @@

exports['default'] = _Levels2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Levels2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -19,15 +15,16 @@

var Levels = _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Levels = _react2.default.createClass({
displayName: 'Levels',
render: function render() {
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-levels' }),
_react2['default'].createElement(
{ style: this.props.style, className: 'rai-levels' },
_react2.default.createElement(
'div',
{ className: 'rai-levels-container' },
_react2['default'].createElement('div', { className: 'rai-bar', style: this.props.getFillStyle() }),
_react2['default'].createElement('div', { className: 'rai-bar', style: this.props.getFillStyle(0.25) }),
_react2['default'].createElement('div', { className: 'rai-bar', style: this.props.getFillStyle(0.4) })
_react2.default.createElement('div', { className: 'rai-bar', style: this.props.getFillStyle() }),
_react2.default.createElement('div', { className: 'rai-bar', style: this.props.getFillStyle(0.25) }),
_react2.default.createElement('div', { className: 'rai-bar', style: this.props.getFillStyle(0.4) })
)

@@ -38,3 +35,2 @@ );

exports['default'] = (0, _activityIndicator2['default'])(Levels, 1.5);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Levels, 1.5);
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Sentry = require('./Sentry');

@@ -13,3 +11,4 @@

exports['default'] = _Sentry2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Sentry2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -18,18 +15,19 @@

var Sentry = _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Sentry = _react2.default.createClass({
displayName: 'Sentry',
render: function render() {
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-sentry' }),
_react2['default'].createElement(
{ style: this.props.style, className: 'rai-sentry' },
_react2.default.createElement(
'div',
{ className: 'rai-wave-container' },
_react2['default'].createElement('div', { className: 'rai-wave', style: this.props.getBorderStyle(0) })
_react2.default.createElement('div', { className: 'rai-wave', style: this.props.getBorderStyle(0) })
),
_react2['default'].createElement(
_react2.default.createElement(
'div',
{ className: 'rai-wave-container' },
_react2['default'].createElement('div', { className: 'rai-wave', style: this.props.getBorderStyle(0.4) })
_react2.default.createElement('div', { className: 'rai-wave', style: this.props.getBorderStyle(0.4) })
)

@@ -40,3 +38,2 @@ );

exports['default'] = (0, _activityIndicator2['default'])(Sentry, 0.8);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Sentry, 0.8);
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Spinner = require('./Spinner');

@@ -13,3 +11,4 @@

exports['default'] = _Spinner2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Spinner2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -19,11 +15,12 @@

var Spinner = _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Spinner = _react2.default.createClass({
displayName: 'Spinner',
render: function render() {
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-spinner' }),
_react2['default'].createElement('div', { className: 'rai-spinner-outer', style: this.props.getBorderStyle() }),
_react2['default'].createElement('div', { className: 'rai-spinner-inner', style: this.props.getBorderStyle() })
{ style: this.props.style, className: 'rai-spinner' },
_react2.default.createElement('div', { className: 'rai-spinner-outer', style: this.props.getBorderStyle() }),
_react2.default.createElement('div', { className: 'rai-spinner-inner', style: this.props.getBorderStyle() })
);

@@ -33,3 +30,2 @@ }

exports['default'] = (0, _activityIndicator2['default'])(Spinner, 0.6);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Spinner, 0.6);
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Squares = require('./Squares');

@@ -13,3 +11,4 @@

exports['default'] = _Squares2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Squares2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -19,3 +15,5 @@

var Squares = _react2['default'].createClass({
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Squares = _react2.default.createClass({
displayName: 'Squares',

@@ -34,3 +32,3 @@

for (var i = 1; i <= this.props.squareCount; i++) {
squares.unshift(_react2['default'].createElement('div', {
squares.unshift(_react2.default.createElement('div', {
key: i,

@@ -41,5 +39,5 @@ className: 'rai-square',

}
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-squares' }),
{ style: this.props.style, className: 'rai-squares' },
squares

@@ -50,3 +48,2 @@ );

exports['default'] = (0, _activityIndicator2['default'])(Squares, 0.8);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Squares, 0.8);
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Windmill = require('./Windmill');

@@ -13,3 +11,4 @@

exports['default'] = _Windmill2['default'];
module.exports = exports['default'];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _Windmill2.default;
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');

@@ -19,5 +15,7 @@

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var animationDuration = 0.8;
var Windmill = _react2['default'].createClass({
var Windmill = _react2.default.createClass({
displayName: 'Windmill',

@@ -37,3 +35,3 @@

var style = this.props.getFillStyle(i / (this.props.count * 2 / animationDuration));
windill.unshift(_react2['default'].createElement('div', {
windill.unshift(_react2.default.createElement('div', {
key: i,

@@ -43,5 +41,5 @@ style: style

}
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: 'rai-windill' }),
{ style: this.props.style, className: 'rai-windill' },
windill

@@ -52,3 +50,2 @@ );

exports['default'] = (0, _activityIndicator2['default'])(Windmill, animationDuration);
module.exports = exports['default'];
exports.default = (0, _activityIndicator2.default)(Windmill, animationDuration);
{
"name": "react-activity",
"version": "1.0.14",
"version": "1.0.15",
"description": "Activity indicator component library for React applications.",

@@ -36,2 +36,3 @@ "main": "./dist/react-activity.js",

"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.3.13",

@@ -50,10 +51,10 @@ "babel-eslint": "^4.1.6",

"style-loader": "^0.13.0",
"webpack": "^1.12.9",
"webpack": "^1.13.1",
"webpack-dev-server": "^1.14.0"
},
"peerDependencies": {
"react": "^0.14.3",
"react-dom": "^0.14.3"
"react": "^15.3.1",
"react-dom": "^15.3.1"
},
"dependencies": {}
}
# React Activity Indicators
[![Build Status](https://travis-ci.org/lukevella/react-activity.svg)](https://travis-ci.org/lukevella/react-activity)
A library of activity indicators in the form of React components.

@@ -4,0 +6,0 @@

@@ -24,3 +24,3 @@ import React, {PropTypes} from 'react';

return (
<div {...this.props} className="rai-bounce">
<div style={this.props.style} className="rai-bounce">
{squares}

@@ -27,0 +27,0 @@ </div>

@@ -25,3 +25,3 @@ import React, {PropTypes} from 'react';

return (
<div {...this.props} className="rai-digital">
<div style={this.props.style} className="rai-digital">
{rects}

@@ -28,0 +28,0 @@ </div>

@@ -7,3 +7,3 @@ import React from 'react';

return (
<div {...this.props} className="rai-dots">
<div style={this.props.style} className="rai-dots">
<div

@@ -10,0 +10,0 @@ className="rai-circle"

@@ -9,3 +9,3 @@ 'use strict';

return (
<div {...this.props} className="rai-levels">
<div style={this.props.style} className="rai-levels">
<div className="rai-levels-container">

@@ -12,0 +12,0 @@ <div className="rai-bar" style={this.props.getFillStyle()} />

@@ -8,3 +8,3 @@ 'use strict';

return (
<div {...this.props} className="rai-sentry">
<div style={this.props.style} className="rai-sentry">
<div className="rai-wave-container">

@@ -11,0 +11,0 @@ <div className="rai-wave" style={this.props.getBorderStyle(0)} />

@@ -7,3 +7,3 @@ import React from 'react';

return (
<div {...this.props} className="rai-spinner" >
<div style={this.props.style} className="rai-spinner" >
<div className="rai-spinner-outer" style={this.props.getBorderStyle()} />

@@ -10,0 +10,0 @@ <div className="rai-spinner-inner" style={this.props.getBorderStyle()} />

@@ -25,3 +25,3 @@ import React, {PropTypes} from 'react';

return (
<div {...this.props} className="rai-squares">
<div style={this.props.style} className="rai-squares">
{squares}

@@ -28,0 +28,0 @@ </div>

@@ -27,3 +27,3 @@ import React, {PropTypes} from 'react';

return (
<div {...this.props} className="rai-windill">
<div style={this.props.style} className="rai-windill">
{windill}

@@ -30,0 +30,0 @@ </div>

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