react-activity
Advanced tools
Comparing version 1.0.14 to 1.0.15
@@ -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> |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
218
114
1041557
16
1805