react-activity - npm Package Compare versions

babel.config.js

dist/Bounce/Bounce.d.ts

dist/Bounce/index.d.ts

dist/Bounce/index.js

dist/Digital/Digital.d.ts

dist/Digital/index.d.ts

dist/Digital/index.js

dist/Dots/Dots.d.ts

dist/Dots/index.d.ts

dist/Dots/index.js

dist/Levels/index.d.ts

dist/Levels/index.js

dist/Levels/Levels.d.ts

dist/react-activity.d.ts

dist/Sentry/index.d.ts

dist/Sentry/index.js

dist/Sentry/Sentry.d.ts

dist/setupTests.d.ts

dist/shared/ActivityIndicator/ActivityIndicator.d.ts

dist/shared/ActivityIndicator/ActivityIndicator.test.d.ts

dist/shared/ActivityIndicator/index.d.ts

dist/shared/getRelativeTime.d.ts

dist/Spinner/index.d.ts

dist/Spinner/index.js

dist/Spinner/Spinner.d.ts

dist/Squares/index.d.ts

dist/Squares/index.js

dist/Squares/Squares.d.ts

dist/types.d.ts

dist/Windmill/index.d.ts

dist/Windmill/index.js

dist/Windmill/Windmill.d.ts

jest.config.js

postcss.config.js

src/Bounce/Bounce.css

src/Bounce/Bounce.tsx

src/Bounce/index.ts

src/Digital/Digital.css

src/Digital/Digital.tsx

src/Digital/index.ts

src/Dots/Dots.css

src/Dots/Dots.tsx

src/Dots/index.ts

src/Levels/index.ts

src/Levels/Levels.css

src/Levels/Levels.tsx

src/react-activity.ts

src/Sentry/index.ts

src/Sentry/Sentry.css

src/Sentry/Sentry.tsx

src/setupTests.ts

src/shared/ActivityIndicator/ActivityIndicator.css

src/shared/ActivityIndicator/ActivityIndicator.test.tsx

src/shared/ActivityIndicator/ActivityIndicator.tsx

src/shared/ActivityIndicator/index.ts

src/shared/getRelativeTime.ts

src/Spinner/index.ts

src/Spinner/Spinner.css

src/Spinner/Spinner.tsx

src/Squares/index.ts

src/Squares/Squares.css

src/Squares/Squares.tsx

src/tsconfig.json

src/types.ts

src/Windmill/index.ts

src/Windmill/Windmill.css

src/Windmill/Windmill.tsx

webpack.config.js

1919

dist/react-activity.js

		@@ -1,1918 +0,1 @@
		(function webpackUniversalModuleDefinition(root, factory) {
		if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory(require("react"));
		else if(typeof define === 'function' && define.amd)
		define(["react"], factory);
		else if(typeof exports === 'object')
		exports["ReactActivity"] = factory(require("react"));
		else
		root["ReactActivity"] = factory(root["React"]);
		})(this, function(__WEBPACK_EXTERNAL_MODULE_3__) {
		return /******/ (function(modules) { // webpackBootstrap
		/******/ // The module cache
		/******/ var installedModules = {};

		/******/ // The require function
		/******/ function __webpack_require__(moduleId) {

		/******/ // Check if module is in cache
		/******/ if(installedModules[moduleId])
		/******/ return installedModules[moduleId].exports;

		/******/ // Create a new module (and put it into the cache)
		/******/ var module = installedModules[moduleId] = {
		/******/ exports: {},
		/******/ id: moduleId,
		/******/ loaded: false
		/******/ };

		/******/ // Execute the module function
		/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

		/******/ // Flag the module as loaded
		/******/ module.loaded = true;

		/******/ // Return the exports of the module
		/******/ return module.exports;
		/******/ }


		/******/ // expose the modules object (__webpack_modules__)
		/******/ __webpack_require__.m = modules;

		/******/ // expose the module cache
		/******/ __webpack_require__.c = installedModules;

		/******/ // __webpack_public_path__
		/******/ __webpack_require__.p = "";

		/******/ // Load entry module and return exports
		/******/ return __webpack_require__(0);
		/******/ })
		/************************************************************************/
		/******/ ([
		/* 0 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports.Windmill = exports.Bounce = exports.Digital = exports.Squares = exports.Spinner = exports.Sentry = exports.Levels = exports.Dots = undefined;

		var _Dots = __webpack_require__(1);

		var _Dots2 = _interopRequireDefault(_Dots);

		var _Levels = __webpack_require__(15);

		var _Levels2 = _interopRequireDefault(_Levels);

		var _Sentry = __webpack_require__(17);

		var _Sentry2 = _interopRequireDefault(_Sentry);

		var _Spinner = __webpack_require__(19);

		var _Spinner2 = _interopRequireDefault(_Spinner);

		var _Squares = __webpack_require__(21);

		var _Squares2 = _interopRequireDefault(_Squares);

		var _Digital = __webpack_require__(23);

		var _Digital2 = _interopRequireDefault(_Digital);

		var _Bounce = __webpack_require__(25);

		var _Bounce2 = _interopRequireDefault(_Bounce);

		var _Windmill = __webpack_require__(27);

		var _Windmill2 = _interopRequireDefault(_Windmill);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.Dots = _Dots2.default;
		exports.Levels = _Levels2.default;
		exports.Sentry = _Sentry2.default;
		exports.Spinner = _Spinner2.default;
		exports.Squares = _Squares2.default;
		exports.Digital = _Digital2.default;
		exports.Bounce = _Bounce2.default;
		exports.Windmill = _Windmill2.default;
		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 };

		/***/ }),
		/* 1 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Dots = __webpack_require__(2);

		var _Dots2 = _interopRequireDefault(_Dots);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Dots2.default;

		/***/ }),
		/* 2 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Dots = function Dots(props) {
		return _react2.default.createElement(
		'div',
		{ style: props.style, className: 'rai-dots' },
		_react2.default.createElement('div', {
		className: 'rai-circle',
		style: props.getFillStyle(0.3)
		}),
		_react2.default.createElement('div', {
		className: 'rai-circle',
		style: props.getFillStyle(0.2)
		}),
		_react2.default.createElement('div', {
		className: 'rai-circle',
		style: props.getFillStyle(0.1)
		})
		);
		};

		exports.default = (0, _activityIndicator2.default)(Dots, 0.8);

		/***/ }),
		/* 3 */
		/***/ (function(module, exports) {

		module.exports = __WEBPACK_EXTERNAL_MODULE_3__;

		/***/ }),
		/* 4 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _propTypes = __webpack_require__(5);

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

		exports.default = function (ComposedComponent, defaultAnimationDuration) {
		var ActivityIndicator = function (_React$Component) {
		_inherits(ActivityIndicator, _React$Component);

		function ActivityIndicator(props) {
		_classCallCheck(this, ActivityIndicator);

		var _this = _possibleConstructorReturn(this, (ActivityIndicator.__proto__ \|\| Object.getPrototypeOf(ActivityIndicator)).call(this, props));

		_this.getDelayStyle = _this.getDelayStyle.bind(_this);
		_this.getFillStyle = _this.getFillStyle.bind(_this);
		_this.getBorderStyle = _this.getBorderStyle.bind(_this);
		return _this;
		}

		_createClass(ActivityIndicator, [{
		key: 'getDelayStyle',
		value: function getDelayStyle(delay) {
		var style = {};
		if (delay) {
		style.animationDelay = '-' + delay * (1 / this.props.speed) + 's';
		}
		return style;
		}
		}, {
		key: 'getFillStyle',
		value: function getFillStyle(delay) {
		var style = this.getDelayStyle(delay);
		if (this.props.color) {
		style.backgroundColor = this.props.color;
		}
		return style;
		}
		}, {
		key: 'getBorderStyle',
		value: function getBorderStyle(delay) {
		var style = this.getDelayStyle(delay);
		if (this.props.color) {
		style.borderColor = this.props.color;
		}
		return style;
		}
		}, {
		key: 'render',
		value: function render() {
		if (!this.props.animating) {
		return null;
		}
		var containerStyle = {
		display: 'inline-block',
		fontSize: '16px',
		lineHeight: '0'
		};
		var indicatorStyle = {
		animationDuration: this.props.animationDuration * (1 / this.props.speed) + 's'
		};
		if (this.props.size) {
		indicatorStyle.fontSize = this.props.size;
		}
		return _react2.default.createElement(
		'div',
		{
		style: containerStyle,
		className: 'rai-activity-indicator ' + this.props.className
		},
		_react2.default.createElement(ComposedComponent, {
		getFillStyle: this.getFillStyle,
		getBorderStyle: this.getBorderStyle,
		style: indicatorStyle
		})
		);
		}
		}]);

		return ActivityIndicator;
		}(_react2.default.Component);

		ActivityIndicator.propTypes = {
		animationDuration: _propTypes2.default.number.isRequired,
		speed: _propTypes2.default.number,
		animating: _propTypes2.default.bool.isRequired
		};

		ActivityIndicator.defaultProps = {
		animationDuration: defaultAnimationDuration,
		speed: 1,
		animating: true
		};

		ActivityIndicator.displayName = ComposedComponent.name;

		return ActivityIndicator;
		};

		/***/ }),
		/* 5 */
		/***/ (function(module, exports, __webpack_require__) {

		/* WEBPACK VAR INJECTION /(function(process) {/*
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		if (process.env.NODE_ENV !== 'production') {
		var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
		Symbol.for &&
		Symbol.for('react.element')) \|\|
		0xeac7;

		var isValidElement = function(object) {
		return typeof object === 'object' &&
		object !== null &&
		object.$$typeof === REACT_ELEMENT_TYPE;
		};

		// By explicitly using `prop-types` you are opting into new development behavior.
		// http://fb.me/prop-types-in-prod
		var throwOnDirectAccess = true;
		module.exports = __webpack_require__(7)(isValidElement, throwOnDirectAccess);
		} else {
		// By explicitly using `prop-types` you are opting into new production behavior.
		// http://fb.me/prop-types-in-prod
		module.exports = __webpack_require__(14)();
		}

		/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))

		/***/ }),
		/* 6 */
		/***/ (function(module, exports) {

		// shim for using process in browser
		var process = module.exports = {};

		// cached from whatever global is present so that test runners that stub it
		// don't break things. But we need to wrap it in a try catch in case it is
		// wrapped in strict mode code which doesn't define any globals. It's inside a
		// function because try/catches deoptimize in certain engines.

		var cachedSetTimeout;
		var cachedClearTimeout;

		function defaultSetTimout() {
		throw new Error('setTimeout has not been defined');
		}
		function defaultClearTimeout () {
		throw new Error('clearTimeout has not been defined');
		}
		(function () {
		try {
		if (typeof setTimeout === 'function') {
		cachedSetTimeout = setTimeout;
		} else {
		cachedSetTimeout = defaultSetTimout;
		}
		} catch (e) {
		cachedSetTimeout = defaultSetTimout;
		}
		try {
		if (typeof clearTimeout === 'function') {
		cachedClearTimeout = clearTimeout;
		} else {
		cachedClearTimeout = defaultClearTimeout;
		}
		} catch (e) {
		cachedClearTimeout = defaultClearTimeout;
		}
		} ())
		function runTimeout(fun) {
		if (cachedSetTimeout === setTimeout) {
		//normal enviroments in sane situations
		return setTimeout(fun, 0);
		}
		// if setTimeout wasn't available but was latter defined
		if ((cachedSetTimeout === defaultSetTimout \|\| !cachedSetTimeout) && setTimeout) {
		cachedSetTimeout = setTimeout;
		return setTimeout(fun, 0);
		}
		try {
		// when when somebody has screwed with setTimeout but no I.E. maddness
		return cachedSetTimeout(fun, 0);
		} catch(e){
		try {
		// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
		return cachedSetTimeout.call(null, fun, 0);
		} catch(e){
		// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
		return cachedSetTimeout.call(this, fun, 0);
		}
		}


		}
		function runClearTimeout(marker) {
		if (cachedClearTimeout === clearTimeout) {
		//normal enviroments in sane situations
		return clearTimeout(marker);
		}
		// if clearTimeout wasn't available but was latter defined
		if ((cachedClearTimeout === defaultClearTimeout \|\| !cachedClearTimeout) && clearTimeout) {
		cachedClearTimeout = clearTimeout;
		return clearTimeout(marker);
		}
		try {
		// when when somebody has screwed with setTimeout but no I.E. maddness
		return cachedClearTimeout(marker);
		} catch (e){
		try {
		// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
		return cachedClearTimeout.call(null, marker);
		} catch (e){
		// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
		// Some versions of I.E. have different rules for clearTimeout vs setTimeout
		return cachedClearTimeout.call(this, marker);
		}
		}



		}
		var queue = [];
		var draining = false;
		var currentQueue;
		var queueIndex = -1;

		function cleanUpNextTick() {
		if (!draining \|\| !currentQueue) {
		return;
		}
		draining = false;
		if (currentQueue.length) {
		queue = currentQueue.concat(queue);
		} else {
		queueIndex = -1;
		}
		if (queue.length) {
		drainQueue();
		}
		}

		function drainQueue() {
		if (draining) {
		return;
		}
		var timeout = runTimeout(cleanUpNextTick);
		draining = true;

		var len = queue.length;
		while(len) {
		currentQueue = queue;
		queue = [];
		while (++queueIndex < len) {
		if (currentQueue) {
		currentQueue[queueIndex].run();
		}
		}
		queueIndex = -1;
		len = queue.length;
		}
		currentQueue = null;
		draining = false;
		runClearTimeout(timeout);
		}

		process.nextTick = function (fun) {
		var args = new Array(arguments.length - 1);
		if (arguments.length > 1) {
		for (var i = 1; i < arguments.length; i++) {
		args[i - 1] = arguments[i];
		}
		}
		queue.push(new Item(fun, args));
		if (queue.length === 1 && !draining) {
		runTimeout(drainQueue);
		}
		};

		// v8 likes predictible objects
		function Item(fun, array) {
		this.fun = fun;
		this.array = array;
		}
		Item.prototype.run = function () {
		this.fun.apply(null, this.array);
		};
		process.title = 'browser';
		process.browser = true;
		process.env = {};
		process.argv = [];
		process.version = ''; // empty string to avoid regexp issues
		process.versions = {};

		function noop() {}

		process.on = noop;
		process.addListener = noop;
		process.once = noop;
		process.off = noop;
		process.removeListener = noop;
		process.removeAllListeners = noop;
		process.emit = noop;
		process.prependListener = noop;
		process.prependOnceListener = noop;

		process.listeners = function (name) { return [] }

		process.binding = function (name) {
		throw new Error('process.binding is not supported');
		};

		process.cwd = function () { return '/' };
		process.chdir = function (dir) {
		throw new Error('process.chdir is not supported');
		};
		process.umask = function() { return 0; };


		/***/ }),
		/* 7 */
		/***/ (function(module, exports, __webpack_require__) {

		/* WEBPACK VAR INJECTION /(function(process) {/*
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		'use strict';

		var emptyFunction = __webpack_require__(8);
		var invariant = __webpack_require__(9);
		var warning = __webpack_require__(10);
		var assign = __webpack_require__(11);

		var ReactPropTypesSecret = __webpack_require__(12);
		var checkPropTypes = __webpack_require__(13);

		module.exports = function(isValidElement, throwOnDirectAccess) {
		/* global Symbol */
		var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
		var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.

		/**
		* Returns the iterator method function contained on the iterable object.
		*
		* Be sure to invoke the function with the iterable as context:
		*
		* var iteratorFn = getIteratorFn(myIterable);
		* if (iteratorFn) {
		* var iterator = iteratorFn.call(myIterable);
		* ...
		* }
		*
		* @param {?object} maybeIterable
		* @return {?function}
		*/
		function getIteratorFn(maybeIterable) {
		var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] \|\| maybeIterable[FAUX_ITERATOR_SYMBOL]);
		if (typeof iteratorFn === 'function') {
		return iteratorFn;
		}
		}

		/**
		* Collection of methods that allow declaration and validation of props that are
		* supplied to React components. Example usage:
		*
		* var Props = require('ReactPropTypes');
		* var MyArticle = React.createClass({
		* propTypes: {
		* // An optional string prop named "description".
		* description: Props.string,
		*
		* // A required enum prop named "category".
		* category: Props.oneOf(['News','Photos']).isRequired,
		*
		* // A prop named "dialog" that requires an instance of Dialog.
		* dialog: Props.instanceOf(Dialog).isRequired
		* },
		* render: function() { ... }
		* });
		*
		* A more formal specification of how these methods are used:
		*
		* type := array\|bool\|func\|object\|number\|string\|oneOf([...])\|instanceOf(...)
		* decl := ReactPropTypes.{type}(.isRequired)?
		*
		* Each and every declaration produces a function with the same signature. This
		* allows the creation of custom validation functions. For example:
		*
		* var MyLink = React.createClass({
		* propTypes: {
		* // An optional string or URI prop named "href".
		* href: function(props, propName, componentName) {
		* var propValue = props[propName];
		* if (propValue != null && typeof propValue !== 'string' &&
		* !(propValue instanceof URI)) {
		* return new Error(
		* 'Expected a string or an URI for ' + propName + ' in ' +
		* componentName
		* );
		* }
		* }
		* },
		* render: function() {...}
		* });
		*
		* @internal
		*/

		var ANONYMOUS = '<<anonymous>>';

		// Important!
		// Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
		var ReactPropTypes = {
		array: createPrimitiveTypeChecker('array'),
		bool: createPrimitiveTypeChecker('boolean'),
		func: createPrimitiveTypeChecker('function'),
		number: createPrimitiveTypeChecker('number'),
		object: createPrimitiveTypeChecker('object'),
		string: createPrimitiveTypeChecker('string'),
		symbol: createPrimitiveTypeChecker('symbol'),

		any: createAnyTypeChecker(),
		arrayOf: createArrayOfTypeChecker,
		element: createElementTypeChecker(),
		instanceOf: createInstanceTypeChecker,
		node: createNodeChecker(),
		objectOf: createObjectOfTypeChecker,
		oneOf: createEnumTypeChecker,
		oneOfType: createUnionTypeChecker,
		shape: createShapeTypeChecker,
		exact: createStrictShapeTypeChecker,
		};

		/**
		* inlined Object.is polyfill to avoid requiring consumers ship their own
		* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
		*/
		/eslint-disable no-self-compare/
		function is(x, y) {
		// SameValue algorithm
		if (x === y) {
		// Steps 1-5, 7-10
		// Steps 6.b-6.e: +0 != -0
		return x !== 0 \|\| 1 / x === 1 / y;
		} else {
		// Step 6.a: NaN == NaN
		return x !== x && y !== y;
		}
		}
		/eslint-enable no-self-compare/

		/**
		* We use an Error-like object for backward compatibility as people may call
		* PropTypes directly and inspect their output. However, we don't use real
		* Errors anymore. We don't inspect their stack anyway, and creating them
		* is prohibitively expensive if they are created too often, such as what
		* happens in oneOfType() for any type before the one that matched.
		*/
		function PropTypeError(message) {
		this.message = message;
		this.stack = '';
		}
		// Make `instanceof Error` still work for returned errors.
		PropTypeError.prototype = Error.prototype;

		function createChainableTypeChecker(validate) {
		if (process.env.NODE_ENV !== 'production') {
		var manualPropTypeCallCache = {};
		var manualPropTypeWarningCount = 0;
		}
		function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
		componentName = componentName \|\| ANONYMOUS;
		propFullName = propFullName \|\| propName;

		if (secret !== ReactPropTypesSecret) {
		if (throwOnDirectAccess) {
		// New behavior only for users of `prop-types` package
		invariant(
		false,
		'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
		'Use `PropTypes.checkPropTypes()` to call them. ' +
		'Read more at http://fb.me/use-check-prop-types'
		);
		} else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
		// Old behavior for people using React.PropTypes
		var cacheKey = componentName + ':' + propName;
		if (
		!manualPropTypeCallCache[cacheKey] &&
		// Avoid spamming the console because they are often not actionable except for lib authors
		manualPropTypeWarningCount < 3
		) {
		warning(
		false,
		'You are manually calling a React.PropTypes validation ' +
		'function for the `%s` prop on `%s`. This is deprecated ' +
		'and will throw in the standalone `prop-types` package. ' +
		'You may be seeing this warning due to a third-party PropTypes ' +
		'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.',
		propFullName,
		componentName
		);
		manualPropTypeCallCache[cacheKey] = true;
		manualPropTypeWarningCount++;
		}
		}
		}
		if (props[propName] == null) {
		if (isRequired) {
		if (props[propName] === null) {
		return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
		}
		return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
		}
		return null;
		} else {
		return validate(props, propName, componentName, location, propFullName);
		}
		}

		var chainedCheckType = checkType.bind(null, false);
		chainedCheckType.isRequired = checkType.bind(null, true);

		return chainedCheckType;
		}

		function createPrimitiveTypeChecker(expectedType) {
		function validate(props, propName, componentName, location, propFullName, secret) {
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== expectedType) {
		// `propValue` being instance of, say, date/regexp, pass the 'object'
		// check, but we can offer a more precise error message here rather than
		// 'of type `object`'.
		var preciseType = getPreciseType(propValue);

		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createAnyTypeChecker() {
		return createChainableTypeChecker(emptyFunction.thatReturnsNull);
		}

		function createArrayOfTypeChecker(typeChecker) {
		function validate(props, propName, componentName, location, propFullName) {
		if (typeof typeChecker !== 'function') {
		return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
		}
		var propValue = props[propName];
		if (!Array.isArray(propValue)) {
		var propType = getPropType(propValue);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
		}
		for (var i = 0; i < propValue.length; i++) {
		var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
		if (error instanceof Error) {
		return error;
		}
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createElementTypeChecker() {
		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		if (!isValidElement(propValue)) {
		var propType = getPropType(propValue);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createInstanceTypeChecker(expectedClass) {
		function validate(props, propName, componentName, location, propFullName) {
		if (!(props[propName] instanceof expectedClass)) {
		var expectedClassName = expectedClass.name \|\| ANONYMOUS;
		var actualClassName = getClassName(props[propName]);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createEnumTypeChecker(expectedValues) {
		if (!Array.isArray(expectedValues)) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
		return emptyFunction.thatReturnsNull;
		}

		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		for (var i = 0; i < expectedValues.length; i++) {
		if (is(propValue, expectedValues[i])) {
		return null;
		}
		}

		var valuesString = JSON.stringify(expectedValues);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
		}
		return createChainableTypeChecker(validate);
		}

		function createObjectOfTypeChecker(typeChecker) {
		function validate(props, propName, componentName, location, propFullName) {
		if (typeof typeChecker !== 'function') {
		return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
		}
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== 'object') {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
		}
		for (var key in propValue) {
		if (propValue.hasOwnProperty(key)) {
		var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
		if (error instanceof Error) {
		return error;
		}
		}
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createUnionTypeChecker(arrayOfTypeCheckers) {
		if (!Array.isArray(arrayOfTypeCheckers)) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
		return emptyFunction.thatReturnsNull;
		}

		for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
		var checker = arrayOfTypeCheckers[i];
		if (typeof checker !== 'function') {
		warning(
		false,
		'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
		'received %s at index %s.',
		getPostfixForTypeWarning(checker),
		i
		);
		return emptyFunction.thatReturnsNull;
		}
		}

		function validate(props, propName, componentName, location, propFullName) {
		for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
		var checker = arrayOfTypeCheckers[i];
		if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
		return null;
		}
		}

		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
		}
		return createChainableTypeChecker(validate);
		}

		function createNodeChecker() {
		function validate(props, propName, componentName, location, propFullName) {
		if (!isNode(props[propName])) {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createShapeTypeChecker(shapeTypes) {
		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== 'object') {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
		}
		for (var key in shapeTypes) {
		var checker = shapeTypes[key];
		if (!checker) {
		continue;
		}
		var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
		if (error) {
		return error;
		}
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createStrictShapeTypeChecker(shapeTypes) {
		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== 'object') {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
		}
		// We need to check all keys in case some are required but missing from
		// props.
		var allKeys = assign({}, props[propName], shapeTypes);
		for (var key in allKeys) {
		var checker = shapeTypes[key];
		if (!checker) {
		return new PropTypeError(
		'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
		'\nBad object: ' + JSON.stringify(props[propName], null, ' ') +
		'\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
		);
		}
		var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
		if (error) {
		return error;
		}
		}
		return null;
		}

		return createChainableTypeChecker(validate);
		}

		function isNode(propValue) {
		switch (typeof propValue) {
		case 'number':
		case 'string':
		case 'undefined':
		return true;
		case 'boolean':
		return !propValue;
		case 'object':
		if (Array.isArray(propValue)) {
		return propValue.every(isNode);
		}
		if (propValue === null \|\| isValidElement(propValue)) {
		return true;
		}

		var iteratorFn = getIteratorFn(propValue);
		if (iteratorFn) {
		var iterator = iteratorFn.call(propValue);
		var step;
		if (iteratorFn !== propValue.entries) {
		while (!(step = iterator.next()).done) {
		if (!isNode(step.value)) {
		return false;
		}
		}
		} else {
		// Iterator will provide entry [k,v] tuples rather than values.
		while (!(step = iterator.next()).done) {
		var entry = step.value;
		if (entry) {
		if (!isNode(entry[1])) {
		return false;
		}
		}
		}
		}
		} else {
		return false;
		}

		return true;
		default:
		return false;
		}
		}

		function isSymbol(propType, propValue) {
		// Native Symbol.
		if (propType === 'symbol') {
		return true;
		}

		// 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
		if (propValue['@@toStringTag'] === 'Symbol') {
		return true;
		}

		// Fallback for non-spec compliant Symbols which are polyfilled.
		if (typeof Symbol === 'function' && propValue instanceof Symbol) {
		return true;
		}

		return false;
		}

		// Equivalent of `typeof` but with special handling for array and regexp.
		function getPropType(propValue) {
		var propType = typeof propValue;
		if (Array.isArray(propValue)) {
		return 'array';
		}
		if (propValue instanceof RegExp) {
		// Old webkits (at least until Android 4.0) return 'function' rather than
		// 'object' for typeof a RegExp. We'll normalize this here so that /bla/
		// passes PropTypes.object.
		return 'object';
		}
		if (isSymbol(propType, propValue)) {
		return 'symbol';
		}
		return propType;
		}

		// This handles more types than `getPropType`. Only used for error messages.
		// See `createPrimitiveTypeChecker`.
		function getPreciseType(propValue) {
		if (typeof propValue === 'undefined' \|\| propValue === null) {
		return '' + propValue;
		}
		var propType = getPropType(propValue);
		if (propType === 'object') {
		if (propValue instanceof Date) {
		return 'date';
		} else if (propValue instanceof RegExp) {
		return 'regexp';
		}
		}
		return propType;
		}

		// Returns a string that is postfixed to a warning about an invalid type.
		// For example, "undefined" or "of type array"
		function getPostfixForTypeWarning(value) {
		var type = getPreciseType(value);
		switch (type) {
		case 'array':
		case 'object':
		return 'an ' + type;
		case 'boolean':
		case 'date':
		case 'regexp':
		return 'a ' + type;
		default:
		return type;
		}
		}

		// Returns class name of the object, if any.
		function getClassName(propValue) {
		if (!propValue.constructor \|\| !propValue.constructor.name) {
		return ANONYMOUS;
		}
		return propValue.constructor.name;
		}

		ReactPropTypes.checkPropTypes = checkPropTypes;
		ReactPropTypes.PropTypes = ReactPropTypes;

		return ReactPropTypes;
		};

		/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))

		/***/ }),
		/* 8 */
		/***/ (function(module, exports) {

		"use strict";

		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*
		*
		*/

		function makeEmptyFunction(arg) {
		return function () {
		return arg;
		};
		}

		/**
		* This function accepts and discards inputs; it has no side effects. This is
		* primarily useful idiomatically for overridable function endpoints which
		* always need to be callable, since JS lacks a null-call idiom ala Cocoa.
		*/
		var emptyFunction = function emptyFunction() {};

		emptyFunction.thatReturns = makeEmptyFunction;
		emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
		emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
		emptyFunction.thatReturnsNull = makeEmptyFunction(null);
		emptyFunction.thatReturnsThis = function () {
		return this;
		};
		emptyFunction.thatReturnsArgument = function (arg) {
		return arg;
		};

		module.exports = emptyFunction;

		/***/ }),
		/* 9 */
		/***/ (function(module, exports, __webpack_require__) {

		/* WEBPACK VAR INJECTION /(function(process) {/*
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*
		*/

		'use strict';

		/**
		* Use invariant() to assert state which your program assumes to be true.
		*
		* Provide sprintf-style format (only %s is supported) and arguments
		* to provide information about what broke and what you were
		* expecting.
		*
		* The invariant message will be stripped in production, but the invariant
		* will remain to ensure logic does not differ in production.
		*/

		var validateFormat = function validateFormat(format) {};

		if (process.env.NODE_ENV !== 'production') {
		validateFormat = function validateFormat(format) {
		if (format === undefined) {
		throw new Error('invariant requires an error message argument');
		}
		};
		}

		function invariant(condition, format, a, b, c, d, e, f) {
		validateFormat(format);

		if (!condition) {
		var error;
		if (format === undefined) {
		error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
		} else {
		var args = [a, b, c, d, e, f];
		var argIndex = 0;
		error = new Error(format.replace(/%s/g, function () {
		return args[argIndex++];
		}));
		error.name = 'Invariant Violation';
		}

		error.framesToPop = 1; // we don't care about invariant's own frame
		throw error;
		}
		}

		module.exports = invariant;
		/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))

		/***/ }),
		/* 10 */
		/***/ (function(module, exports, __webpack_require__) {

		/* WEBPACK VAR INJECTION /(function(process) {/*
		* Copyright (c) 2014-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*
		*/

		'use strict';

		var emptyFunction = __webpack_require__(8);

		/**
		* Similar to invariant but only logs a warning if the condition is not met.
		* This can be used to log issues in development environments in critical
		* paths. Removing the logging code for production environments will keep the
		* same logic and follow the same code paths.
		*/

		var warning = emptyFunction;

		if (process.env.NODE_ENV !== 'production') {
		var printWarning = function printWarning(format) {
		for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
		args[_key - 1] = arguments[_key];
		}

		var argIndex = 0;
		var message = 'Warning: ' + format.replace(/%s/g, function () {
		return args[argIndex++];
		});
		if (typeof console !== 'undefined') {
		console.error(message);
		}
		try {
		// --- Welcome to debugging React ---
		// This error was thrown as a convenience so that you can use this stack
		// to find the callsite that caused this warning to fire.
		throw new Error(message);
		} catch (x) {}
		};

		warning = function warning(condition, format) {
		if (format === undefined) {
		throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
		}

		if (format.indexOf('Failed Composite propType: ') === 0) {
		return; // Ignore CompositeComponent proptype check.
		}

		if (!condition) {
		for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
		args[_key2 - 2] = arguments[_key2];
		}

		printWarning.apply(undefined, [format].concat(args));
		}
		};
		}

		module.exports = warning;
		/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))

		/***/ }),
		/* 11 */
		/***/ (function(module, exports) {

		/*
		object-assign
		(c) Sindre Sorhus
		@license MIT
		*/

		'use strict';
		/* eslint-disable no-unused-vars */
		var getOwnPropertySymbols = Object.getOwnPropertySymbols;
		var hasOwnProperty = Object.prototype.hasOwnProperty;
		var propIsEnumerable = Object.prototype.propertyIsEnumerable;

		function toObject(val) {
		if (val === null \|\| val === undefined) {
		throw new TypeError('Object.assign cannot be called with null or undefined');
		}

		return Object(val);
		}

		function shouldUseNative() {
		try {
		if (!Object.assign) {
		return false;
		}

		// Detect buggy property enumeration order in older V8 versions.

		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
		var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
		test1[5] = 'de';
		if (Object.getOwnPropertyNames(test1)[0] === '5') {
		return false;
		}

		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
		var test2 = {};
		for (var i = 0; i < 10; i++) {
		test2['_' + String.fromCharCode(i)] = i;
		}
		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
		return test2[n];
		});
		if (order2.join('') !== '0123456789') {
		return false;
		}

		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
		var test3 = {};
		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
		test3[letter] = letter;
		});
		if (Object.keys(Object.assign({}, test3)).join('') !==
		'abcdefghijklmnopqrst') {
		return false;
		}

		return true;
		} catch (err) {
		// We don't expect any of the above to throw, but better to be safe.
		return false;
		}
		}

		module.exports = shouldUseNative() ? Object.assign : function (target, source) {
		var from;
		var to = toObject(target);
		var symbols;

		for (var s = 1; s < arguments.length; s++) {
		from = Object(arguments[s]);

		for (var key in from) {
		if (hasOwnProperty.call(from, key)) {
		to[key] = from[key];
		}
		}

		if (getOwnPropertySymbols) {
		symbols = getOwnPropertySymbols(from);
		for (var i = 0; i < symbols.length; i++) {
		if (propIsEnumerable.call(from, symbols[i])) {
		to[symbols[i]] = from[symbols[i]];
		}
		}
		}
		}

		return to;
		};


		/***/ }),
		/* 12 */
		/***/ (function(module, exports) {

		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		'use strict';

		var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';

		module.exports = ReactPropTypesSecret;


		/***/ }),
		/* 13 */
		/***/ (function(module, exports, __webpack_require__) {

		/* WEBPACK VAR INJECTION /(function(process) {/*
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		'use strict';

		if (process.env.NODE_ENV !== 'production') {
		var invariant = __webpack_require__(9);
		var warning = __webpack_require__(10);
		var ReactPropTypesSecret = __webpack_require__(12);
		var loggedTypeFailures = {};
		}

		/**
		* Assert that the values match with the type specs.
		* Error messages are memorized and will only be shown once.
		*
		* @param {object} typeSpecs Map of name to a ReactPropType
		* @param {object} values Runtime values that need to be type-checked
		* @param {string} location e.g. "prop", "context", "child context"
		* @param {string} componentName Name of the component for error messages.
		* @param {?Function} getStack Returns the component stack.
		* @private
		*/
		function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
		if (process.env.NODE_ENV !== 'production') {
		for (var typeSpecName in typeSpecs) {
		if (typeSpecs.hasOwnProperty(typeSpecName)) {
		var error;
		// Prop type validation may throw. In case they do, we don't want to
		// fail the render phase where it didn't fail before. So we log it.
		// After these have been cleaned up, we'll let them throw.
		try {
		// This is intentionally an invariant that gets caught. It's the same
		// behavior as without this statement except with a better message.
		invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'the `prop-types` package, but received `%s`.', componentName \|\| 'React class', location, typeSpecName, typeof typeSpecs[typeSpecName]);
		error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
		} catch (ex) {
		error = ex;
		}
		warning(!error \|\| error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName \|\| 'React class', location, typeSpecName, typeof error);
		if (error instanceof Error && !(error.message in loggedTypeFailures)) {
		// Only monitor this failure once because there tends to be a lot of the
		// same error.
		loggedTypeFailures[error.message] = true;

		var stack = getStack ? getStack() : '';

		warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
		}
		}
		}
		}
		}

		module.exports = checkPropTypes;

		/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))

		/***/ }),
		/* 14 */
		/***/ (function(module, exports, __webpack_require__) {

		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		'use strict';

		var emptyFunction = __webpack_require__(8);
		var invariant = __webpack_require__(9);
		var ReactPropTypesSecret = __webpack_require__(12);

		module.exports = function() {
		function shim(props, propName, componentName, location, propFullName, secret) {
		if (secret === ReactPropTypesSecret) {
		// It is still safe when called from React.
		return;
		}
		invariant(
		false,
		'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
		'Use PropTypes.checkPropTypes() to call them. ' +
		'Read more at http://fb.me/use-check-prop-types'
		);
		};
		shim.isRequired = shim;
		function getShim() {
		return shim;
		};
		// Important!
		// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
		var ReactPropTypes = {
		array: shim,
		bool: shim,
		func: shim,
		number: shim,
		object: shim,
		string: shim,
		symbol: shim,

		any: shim,
		arrayOf: getShim,
		element: shim,
		instanceOf: getShim,
		node: shim,
		objectOf: getShim,
		oneOf: getShim,
		oneOfType: getShim,
		shape: getShim,
		exact: getShim
		};

		ReactPropTypes.checkPropTypes = emptyFunction;
		ReactPropTypes.PropTypes = ReactPropTypes;

		return ReactPropTypes;
		};


		/***/ }),
		/* 15 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Levels = __webpack_require__(16);

		var _Levels2 = _interopRequireDefault(_Levels);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Levels2.default;

		/***/ }),
		/* 16 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Levels = function Levels(props) {
		return _react2.default.createElement(
		'div',
		{ style: props.style, className: 'rai-levels' },
		_react2.default.createElement(
		'div',
		{ className: 'rai-levels-container' },
		_react2.default.createElement('div', { className: 'rai-bar', style: props.getFillStyle() }),
		_react2.default.createElement('div', { className: 'rai-bar', style: props.getFillStyle(0.25) }),
		_react2.default.createElement('div', { className: 'rai-bar', style: props.getFillStyle(0.4) })
		)
		);
		};

		exports.default = (0, _activityIndicator2.default)(Levels, 1.5);

		/***/ }),
		/* 17 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Sentry = __webpack_require__(18);

		var _Sentry2 = _interopRequireDefault(_Sentry);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Sentry2.default;

		/***/ }),
		/* 18 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Sentry = function Sentry(props) {
		return _react2.default.createElement(
		'div',
		{ style: props.style, className: 'rai-sentry' },
		_react2.default.createElement(
		'div',
		{ className: 'rai-wave-container' },
		_react2.default.createElement('div', { className: 'rai-wave', style: props.getBorderStyle(0) })
		),
		_react2.default.createElement(
		'div',
		{ className: 'rai-wave-container' },
		_react2.default.createElement('div', { className: 'rai-wave', style: props.getBorderStyle(0.4) })
		)
		);
		};

		exports.default = (0, _activityIndicator2.default)(Sentry, 0.8);

		/***/ }),
		/* 19 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Spinner = __webpack_require__(20);

		var _Spinner2 = _interopRequireDefault(_Spinner);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Spinner2.default;

		/***/ }),
		/* 20 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Spinner = function Spinner(props) {
		return _react2.default.createElement(
		'div',
		{ style: props.style, className: 'rai-spinner' },
		_react2.default.createElement('div', { className: 'rai-spinner-outer', style: props.getBorderStyle() }),
		_react2.default.createElement('div', { className: 'rai-spinner-inner', style: props.getBorderStyle() })
		);
		};

		exports.default = (0, _activityIndicator2.default)(Spinner, 0.6);

		/***/ }),
		/* 21 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Squares = __webpack_require__(22);

		var _Squares2 = _interopRequireDefault(_Squares);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Squares2.default;

		/***/ }),
		/* 22 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _propTypes = __webpack_require__(5);

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Squares = function Squares(props) {
		var squares = [];
		for (var i = 1; i <= props.squareCount; i++) {
		squares.unshift(_react2.default.createElement('div', {
		key: i,
		className: 'rai-square',
		style: props.getFillStyle(i / 10)
		}));
		}
		return _react2.default.createElement(
		'div',
		{ style: props.style, className: 'rai-squares' },
		squares
		);
		};

		Squares.propTypes = {
		squareCount: _propTypes2.default.number.isRequired

		};

		Squares.defaultProps = {
		squareCount: 3
		};

		exports.default = (0, _activityIndicator2.default)(Squares, 0.8);

		/***/ }),
		/* 23 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Digital = __webpack_require__(24);

		var _Digital2 = _interopRequireDefault(_Digital);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Digital2.default;

		/***/ }),
		/* 24 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _propTypes = __webpack_require__(5);

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Digital = function Digital(props) {
		var rects = [];
		for (var i = 1; i <= props.count; i++) {
		rects.unshift(_react2.default.createElement('div', {
		key: i,
		style: props.getFillStyle(i / 10)
		}));
		}

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

		Digital.propTypes = {
		count: _propTypes2.default.number.isRequired
		};

		Digital.defaultProps = {
		count: 3
		};

		exports.default = (0, _activityIndicator2.default)(Digital, 0.8);

		/***/ }),
		/* 25 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Bounce = __webpack_require__(26);

		var _Bounce2 = _interopRequireDefault(_Bounce);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Bounce2.default;

		/***/ }),
		/* 26 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _propTypes = __webpack_require__(5);

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Bounce = function Bounce(props) {
		var squares = [];
		for (var i = 1; i <= props.count; i++) {
		squares.unshift(_react2.default.createElement('div', {
		key: i,
		style: props.getFillStyle(i / 10)
		}));
		}
		return _react2.default.createElement(
		'div',
		{ style: props.style, className: 'rai-bounce' },
		squares
		);
		};

		Bounce.propTypes = {
		count: _propTypes2.default.number.isRequired
		};

		Bounce.defaultProps = {
		count: 3
		};

		exports.default = (0, _activityIndicator2.default)(Bounce, 0.8);

		/***/ }),
		/* 27 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _Windmill = __webpack_require__(28);

		var _Windmill2 = _interopRequireDefault(_Windmill);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _Windmill2.default;

		/***/ }),
		/* 28 */
		/***/ (function(module, exports, __webpack_require__) {

		'use strict';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _react = __webpack_require__(3);

		var _react2 = _interopRequireDefault(_react);

		var _propTypes = __webpack_require__(5);

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var _activityIndicator = __webpack_require__(4);

		var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var animationDuration = 0.8;

		var Windmill = function Windmill(props) {
		var windill = [];
		for (var i = 1; i <= props.count; i++) {
		var style = props.getFillStyle(i / (props.count * 2 / animationDuration));
		windill.unshift(_react2.default.createElement('div', {
		key: i,
		style: style
		}));
		}
		return _react2.default.createElement(
		'div',
		{ style: props.style, className: 'rai-windill' },
		windill
		);
		};

		Windmill.propTypes = {
		count: _propTypes2.default.number.isRequired
		};

		Windmill.defaultProps = {
		count: 1
		};

		exports.default = (0, _activityIndicator2.default)(Windmill, animationDuration);

		/***/ })
		/******/ ])
		});
		;
		!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define("ReactActivity",["react"],e):"object"==typeof exports?exports.ReactActivity=e(require("react")):n.ReactActivity=e(n.react)}(self,(function(n){return(()=>{"use strict";var e={556:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"@-webkit-keyframes bounce-pulse {\n 0% {\n transform: translateY(0.1875em);\n }\n 30% {\n transform: translateY(-0.25em);\n }\n 50% {\n transform: translateY(0.1875em);\n }\n}\n\n@keyframes bounce-pulse {\n 0% {\n transform: translateY(0.1875em);\n }\n 30% {\n transform: translateY(-0.25em);\n }\n 50% {\n transform: translateY(0.1875em);\n }\n}\n\n.rai-bounce {\n display: inline-block;\n line-height: 0\n}\n\n.rai-bounce > div {\n transform: translateY(0.1875em);\n border-radius: 100%;\n display: inline-block;\n margin-right: 0.1875em;\n background-color: currentColor;\n width: 0.5em;\n height: 0.5em;\n -webkit-animation-name: bounce-pulse;\n animation-name: bounce-pulse;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite\n }\n\n.rai-bounce > div:last-child {\n margin-right: 0;\n }\n",""]);const r=a},836:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"@-webkit-keyframes digital-pulse {\n 0%,\n 40%,\n 100% {\n transform: scaleY(0.4);\n }\n 20% {\n transform: scaleY(1);\n }\n}\n\n@keyframes digital-pulse {\n 0%,\n 40%,\n 100% {\n transform: scaleY(0.4);\n }\n 20% {\n transform: scaleY(1);\n }\n}\n\n.rai-digital {\n height: 1em;\n text-align: center\n}\n\n.rai-digital > div {\n display: inline-block;\n margin-right: 0.125em;\n background-color: currentColor;\n width: 0.25em;\n height: 100%;\n -webkit-animation-name: digital-pulse;\n animation-name: digital-pulse;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite\n }\n\n.rai-digital > div:last-child {\n margin-right: 0;\n }\n",""]);const r=a},637:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"@-webkit-keyframes dots-pulse {\n 0% {\n opacity: 0.1;\n }\n 15% {\n opacity: 1;\n }\n 100% {\n opacity: 0.1;\n }\n}\n\n@keyframes dots-pulse {\n 0% {\n opacity: 0.1;\n }\n 15% {\n opacity: 1;\n }\n 100% {\n opacity: 0.1;\n }\n}\n\n.rai-dots .rai-circle {\n border-radius: 100%;\n display: inline-block;\n margin-right: 0.1875em;\n background-color: currentColor;\n width: 0.5em;\n height: 0.5em;\n -webkit-animation-name: dots-pulse;\n animation-name: dots-pulse;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite\n }\n\n.rai-dots .rai-circle:last-child {\n margin-right: 0;\n }\n",""]);const r=a},720:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"@-webkit-keyframes levels-pulse {\n 0% {\n height: 30%;\n opacity: 0.5;\n }\n 20% {\n height: 100%;\n opacity: 1;\n }\n 35% {\n height: 30%;\n opacity: 0.5;\n }\n 55% {\n height: 100%;\n opacity: 1;\n }\n 70% {\n height: 50%;\n opacity: 0.5;\n }\n 80% {\n height: 100%;\n opacity: 1;\n }\n 100% {\n height: 30%;\n opacity: 0.5;\n }\n}\n\n@keyframes levels-pulse {\n 0% {\n height: 30%;\n opacity: 0.5;\n }\n 20% {\n height: 100%;\n opacity: 1;\n }\n 35% {\n height: 30%;\n opacity: 0.5;\n }\n 55% {\n height: 100%;\n opacity: 1;\n }\n 70% {\n height: 50%;\n opacity: 0.5;\n }\n 80% {\n height: 100%;\n opacity: 1;\n }\n 100% {\n height: 30%;\n opacity: 0.5;\n }\n}\n\n.rai-levels .rai-levels-container {\n text-align: left;\n display: inline-block;\n height: 1em;\n line-height: 1em;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n }\n\n.rai-levels .rai-bar {\n bottom: 0;\n display: inline-block;\n vertical-align: bottom;\n width: 0.25em;\n background: currentColor;\n margin-right: 0.125em;\n height: 50%;\n -webkit-animation-name: levels-pulse;\n animation-name: levels-pulse;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite\n }\n\n.rai-levels .rai-bar:last-child {\n margin-right: 0;\n }\n",""]);const r=a},307:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"@-webkit-keyframes rai-sentry-pulse {\n from {\n transform: scale(0);\n opacity: 1;\n }\n to {\n transform: scale(1);\n opacity: 0;\n }\n}\n\n@keyframes rai-sentry-pulse {\n from {\n transform: scale(0);\n opacity: 1;\n }\n to {\n transform: scale(1);\n opacity: 0;\n }\n}\n\n.rai-sentry {\n text-align: left;\n display: inline-block;\n position: relative;\n width: 2em;\n height: 2em\n}\n\n.rai-sentry .rai-wave-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: absolute;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n }\n\n.rai-sentry .rai-wave {\n display: inline-block;\n border: 0.125em solid currentColor;\n border-radius: 100%;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n -webkit-animation-name: rai-sentry-pulse;\n animation-name: rai-sentry-pulse;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n }\n",""]);const r=a},416:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"@-webkit-keyframes rai-spinner {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes rai-spinner {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.rai-spinner {\n width: 1.5em;\n height: 1.5em;\n position: relative;\n margin: 0\n}\n\n.rai-spinner .rai-spinner-inner,\n .rai-spinner .rai-spinner-outer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n margin-left: -0.0625em;\n margin-top: -0.0625em;\n }\n\n.rai-spinner .rai-spinner-outer {\n border: 0.125em solid currentColor;\n opacity: 0.2;\n }\n\n.rai-spinner .rai-spinner-inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n border-top: 0.125em solid currentColor;\n border-right: 0.125em solid transparent !important;\n border-bottom: 0.125em solid transparent !important;\n border-left: 0.125em solid transparent !important;\n -webkit-animation-name: rai-spinner;\n animation-name: rai-spinner;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n }\n",""]);const r=a},194:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"@-webkit-keyframes dots-pulse {\n 0% {\n opacity: 0.1;\n }\n 15% {\n opacity: 1;\n }\n 100% {\n opacity: 0.1;\n }\n}\n\n@keyframes dots-pulse {\n 0% {\n opacity: 0.1;\n }\n 15% {\n opacity: 1;\n }\n 100% {\n opacity: 0.1;\n }\n}\n\n.rai-squares .rai-square {\n display: inline-block;\n margin-right: 0.1875em;\n background-color: currentColor;\n width: 0.5em;\n height: 0.5em;\n -webkit-animation-name: dots-pulse;\n animation-name: dots-pulse;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite\n }\n\n.rai-squares .rai-square:last-child {\n margin-right: 0;\n }\n",""]);const r=a},226:(n,e,t)=>{t.d(e,{Z:()=>r});var i=t(476),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,'@-webkit-keyframes windmill-pulse {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(356deg);\n }\n}\n\n@keyframes windmill-pulse {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(356deg);\n }\n}\n\n.rai-windmill {\n width: 1em;\n height: 1em;\n position: relative;\n -webkit-animation-name: windmill-pulse;\n animation-name: windmill-pulse;\n -webkit-animation-duration: inherit;\n animation-duration: inherit;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite\n}\n\n.rai-windmill:after {\n content: "";\n background: currentColor;\n border-radius: 0.125em;\n position: absolute;\n top: 0;\n left: 50%;\n margin-left: -0.0625em;\n width: 0.125em;\n height: 100%;\n }\n',""]);const r=a},476:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t=n(e);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t})).join("")},e.i=function(n,t,i){"string"==typeof n&&(n=[[null,n,""]]);var a={};if(i)for(var r=0;r<this.length;r++){var o=this[r][0];null!=o&&(a[o]=!0)}for(var l=0;l<n.length;l++){var s=[].concat(n[l]);i&&a[s[0]]\|\|(t&&(s[2]?s[2]="".concat(t," and ").concat(s[2]):s[2]=t),e.push(s))}},e}},892:(n,e,t)=>{var i,a=function(){var n={};return function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}n[e]=t}return n[e]}}(),r=[];function o(n){for(var e=-1,t=0;t<r.length;t++)if(r[t].identifier===n){e=t;break}return e}function l(n,e){for(var t={},i=[],a=0;a<n.length;a++){var l=n[a],s=e.base?l[0]+e.base:l[0],c=t[s]\|\|0,u="".concat(s," ").concat(c);t[s]=c+1;var m=o(u),d={css:l[1],media:l[2],sourceMap:l[3]};-1!==m?(r[m].references++,r[m].updater(d)):r.push({identifier:u,updater:h(d,e),references:1}),i.push(u)}return i}function s(n){var e=document.createElement("style"),i=n.attributes\|\|{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(n){e.setAttribute(n,i[n])})),"function"==typeof n.insert)n.insert(e);else{var o=a(n.insert\|\|"head");if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(e)}return e}var c,u=(c=[],function(n,e){return c[n]=e,c.filter(Boolean).join("\n")});function m(n,e,t,i){var a=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(n.styleSheet)n.styleSheet.cssText=u(e,a);else{var r=document.createTextNode(a),o=n.childNodes;o[e]&&n.removeChild(o[e]),o.length?n.insertBefore(r,o[e]):n.appendChild(r)}}function d(n,e,t){var i=t.css,a=t.media,r=t.sourceMap;if(a?n.setAttribute("media",a):n.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(i+="\n/# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," /")),n.styleSheet)n.styleSheet.cssText=i;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(i))}}var f=null,p=0;function h(n,e){var t,i,a;if(e.singleton){var r=p++;t=f\|\|(f=s(e)),i=m.bind(null,t,r,!1),a=m.bind(null,t,r,!0)}else t=s(e),i=d.bind(null,t,e),a=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)};return i(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;i(n=e)}else a()}}n.exports=function(n,e){(e=e\|\|{}).singleton\|\|"boolean"==typeof e.singleton\|\|(e.singleton=(void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i));var t=l(n=n\|\|[],e);return function(n){if(n=n\|\|[],"[object Array]"===Object.prototype.toString.call(n)){for(var i=0;i<t.length;i++){var a=o(t[i]);r[a].references--}for(var s=l(n,e),c=0;c<t.length;c++){var u=o(t[c]);0===r[u].references&&(r[u].updater(),r.splice(u,1))}t=s}}}},228:(n,e,t)=>{t.d(e,{default:()=>u});var i=t(892),a=t.n(i),r=t(556);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=t(531),c=function(){return(c=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const u=function(n){var e=n.speed,t=void 0===e?1:e,i=function(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(n);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(n,i[a])&&(t[i[a]]=n[i[a]])}return t}(n,["speed"]);return o.createElement(l.Z,c({className:"rai-bounce",speed:t,defaultAnimationDuration:.8},i),function(){for(var n=[],e=1;e<=3;e++)n.unshift(o.createElement("div",{key:e,style:{animationDelay:(0,s.n)(t,e/-10)}}));return n}())}},673:(n,e,t)=>{t.d(e,{default:()=>u});var i=t(892),a=t.n(i),r=t(836);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=t(531),c=function(){return(c=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const u=function(n){for(var e=n.speed,t=void 0===e?1:e,i=function(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(n);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(n,i[a])&&(t[i[a]]=n[i[a]])}return t}(n,["speed"]),a=[],r=1;r<=3;r++)a.unshift(o.createElement("div",{key:r,style:{animationDelay:(0,s.n)(t,r/-10)}}));return o.createElement(l.Z,c({className:"rai-digital",defaultAnimationDuration:.8,speed:t},i),a)}},581:(n,e,t)=>{t.d(e,{default:()=>u});var i=t(892),a=t.n(i),r=t(637);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=t(531),c=function(){return(c=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const u=function(n){var e=n.speed,t=void 0===e?1:e,i=function(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(n);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(n,i[a])&&(t[i[a]]=n[i[a]])}return t}(n,["speed"]);return o.createElement(l.Z,c({className:"rai-dots",speed:t,defaultAnimationDuration:.8},i),o.createElement("div",{className:"rai-circle",style:{animationDelay:(0,s.n)(t,-.3)}}),o.createElement("div",{className:"rai-circle",style:{animationDelay:(0,s.n)(t,-.2)}}),o.createElement("div",{className:"rai-circle",style:{animationDelay:(0,s.n)(t,-.1)}}))}},905:(n,e,t)=>{t.d(e,{default:()=>u});var i=t(892),a=t.n(i),r=t(720);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=t(531),c=function(){return(c=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const u=function(n){var e=n.speed,t=void 0===e?1:e,i=function(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(n);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(n,i[a])&&(t[i[a]]=n[i[a]])}return t}(n,["speed"]);return o.createElement(l.Z,c({className:"rai-levels",speed:t,defaultAnimationDuration:1.5},i),o.createElement("div",{className:"rai-levels-container"},o.createElement("div",{className:"rai-bar"}),o.createElement("div",{className:"rai-bar",style:{animationDelay:(0,s.n)(t,-.25)}}),o.createElement("div",{className:"rai-bar",style:{animationDelay:(0,s.n)(t,-.4)}})))}},491:(n,e,t)=>{t.d(e,{default:()=>u});var i=t(892),a=t.n(i),r=t(307);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=t(531),c=function(){return(c=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const u=function(n){var e=n.speed,t=void 0===e?1:e,i=function(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(n);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(n,i[a])&&(t[i[a]]=n[i[a]])}return t}(n,["speed"]);return o.createElement(l.Z,c({className:"rai-sentry",speed:t,defaultAnimationDuration:.8},i),o.createElement("div",{className:"rai-wave-container"},o.createElement("div",{className:"rai-wave"})),o.createElement("div",{className:"rai-wave-container"},o.createElement("div",{className:"rai-wave",style:{animationDelay:(0,s.n)(t,-.4)}})))}},565:(n,e,t)=>{t.d(e,{default:()=>c});var i=t(892),a=t.n(i),r=t(416);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=function(){return(s=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const c=function(n){return o.createElement(l.Z,s({className:"rai-spinner",defaultAnimationDuration:.6},n),o.createElement("div",{className:"rai-spinner-outer"}),o.createElement("div",{className:"rai-spinner-inner"}))}},625:(n,e,t)=>{t.d(e,{default:()=>c});var i=t(892),a=t.n(i),r=t(194);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=function(){return(s=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const c=function(n){for(var e=[],t=1;t<=3;t++)e.unshift(o.createElement("div",{key:t,className:"rai-square",style:{animationDelay:"-"+t/10+"s"}}));return o.createElement(l.Z,s({className:"rai-squares",defaultAnimationDuration:.8},n),e)}},336:(n,e,t)=>{t.d(e,{default:()=>c});var i=t(892),a=t.n(i),r=t(226);a()(r.Z,{insert:"head",singleton:!1}),r.Z.locals;var o=t(297),l=t(438),s=function(){return(s=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const c=function(n){return o.createElement(l.Z,s({className:"rai-windmill",defaultAnimationDuration:.8},n))}},438:(n,e,t)=>{t.d(e,{Z:()=>o});var i=t(297),a=t(531),r=function(){return(r=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};const o=function(n){var e=n.style,t=n.size,o=void 0===t?16:t,l=n.speed,s=void 0===l?1:l,c=n.defaultAnimationDuration,u=n.color,m=n.className,d=n.animating,f=void 0===d\|\|d,p=n.children;if(!f)return null;var h=(0,a.n)(s,c);return i.createElement("div",{"data-testid":"rai-activity-indicator",className:"rai-container "+m,style:r({color:u,fontSize:o+"px",animationDuration:h},e)},p)}},531:(n,e,t)=>{t.d(e,{n:()=>i});var i=function(n,e){return 1/n*e+"s"}},297:e=>{e.exports=n}},t={};function i(n){var a=t[n];if(void 0!==a)return a.exports;var r=t[n]={id:n,exports:{}};return e[n](r,r.exports,i),r.exports}i.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return i.d(e,{a:e}),e},i.d=(n,e)=>{for(var t in e)i.o(e,t)&&!i.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},i.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),i.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{Dots:()=>n.default,Bounce:()=>e.default,Levels:()=>t.default,Sentry:()=>r.default,Spinner:()=>o.default,Squares:()=>l.default,Digital:()=>s.default,Windmill:()=>c.default});var n=i(581),e=i(228),t=i(905),r=i(491),o=i(565),l=i(625),s=i(673),c=i(336)})(),a})()}));

66

package.json

		{
		"name": "react-activity",
		"version": "1.2.2",
		"version": "2.0.0",
		"description": "Activity indicator component library for React applications.",
		"main": "./dist/react-activity.js",
		"scripts": {
		"start": "webpack-dev-server --config examples/webpack.config.js --hot --inline",
		"compile:lib": "rm -Rf ./lib && babel src --out-dir lib && sass --update src:lib --sourcemap=none && git add lib",
		"build": "webpack --progress --colors && sass --update -f src/styles.scss:dist/react-activity.css --sourcemap=none && git add dist",
		"lint": "eslint ./src",
		"watch": "webpack --progress --colors --watch & sass --update --watch -f src/styles.scss:dist/react-activity.css --sourcemap=none",
		"build:examples": "NODE_ENV=production webpack --config examples/webpack.config.js && git add examples/build"
		"build": "webpack --config webpack.config.js --mode=production",
		"watch": "yarn build --watch",
		"prepublish": "yarn build",
		"test": "jest"
		},
		"pre-commit": [
		"compile:lib",
		"build",
		"build:examples"
		"sideEffects": [
		"*.css",
		"index.ts"
		],
		"repository": {
		"type": "git",
		"url": "https://github.com/lukevella/react-activity.git"
		"url": "git+https://github.com/lukevella/react-activity.git"
		},
		@@ -30,3 +27,3 @@ "keywords": [
		],
		"author": "Luke Vella <me@lukevella.com>",
		"author": "Luke Vella",
		"license": "MIT",
		@@ -36,24 +33,3 @@ "bugs": {
		},
		"homepage": "https://github.com/lukevella/react-activity",
		"devDependencies": {
		"babel-cli": "^6.14.0",
		"babel-core": "^6.3.13",
		"babel-eslint": "^4.1.6",
		"babel-loader": "^6.2.0",
		"babel-preset-es2015": "^6.3.13",
		"babel-preset-react": "^6.3.13",
		"babel-preset-stage-0": "^6.24.1",
		"css-loader": "^0.23.0",
		"eslint": "^1.10.3",
		"eslint-plugin-react": "^3.16.1",
		"extract-text-webpack-plugin": "^0.9.1",
		"node-sass": "^3.4.2",
		"pre-commit": "^1.1.2",
		"react": "^16.2.0",
		"react-dom": "^16.2.0",
		"sass-loader": "^3.1.2",
		"style-loader": "^0.13.0",
		"webpack": "^1.13.1",
		"webpack-dev-server": "^1.14.0"
		},
		"homepage": "https://github.com/lukevella/react-activity#readme",
		"peerDependencies": {
		@@ -63,5 +39,21 @@ "react": ">= 15.0.0",
		},
		"dependencies": {
		"prop-types": "^15.6.1"
		"devDependencies": {
		"@babel/preset-env": "^7.14.1",
		"@babel/preset-react": "^7.13.13",
		"@babel/preset-typescript": "^7.13.0",
		"@testing-library/jest-dom": "^5.12.0",
		"@testing-library/react": "^11.2.6",
		"css-loader": "^5.2.4",
		"jest": "^26.6.3",
		"postcss": "^8.2.14",
		"postcss-loader": "^5.2.0",
		"postcss-preset-env": "^6.7.0",
		"react": "^17.0.2",
		"react-dom": "^17.0.2",
		"style-loader": "^2.0.0",
		"ts-loader": "^9.1.2",
		"typescript": "^4.2.4",
		"webpack": "^5.36.2",
		"webpack-cli": "^4.6.0"
		}
		}

.babelrc

.eslintrc

.travis.yml

dist/react-activity.css

lib/activityIndicator.js

lib/Bounce/Bounce.css

lib/Bounce/Bounce.js

lib/Bounce/index.js

lib/Digital/Digital.css

lib/Digital/Digital.js

lib/Digital/index.js

lib/Dots/Dots.css

lib/Dots/Dots.js

lib/Dots/index.js

lib/index.js

lib/Levels/index.js

lib/Levels/Levels.css

lib/Levels/Levels.js

lib/Sentry/index.js

lib/Sentry/Sentry.css

lib/Sentry/Sentry.js

lib/Spinner/index.js

lib/Spinner/Spinner.css

lib/Spinner/Spinner.js

lib/Squares/index.js

lib/Squares/Squares.css

lib/Squares/Squares.js

lib/styles.css

lib/Windmill/index.js

lib/Windmill/Windmill.css

lib/Windmill/Windmill.js

LICENSE

README.md

src/activityIndicator.js

src/Bounce/Bounce.js

src/Bounce/Bounce.scss

src/Bounce/index.js

src/Digital/Digital.js

src/Digital/Digital.scss

src/Digital/index.js

src/Dots/Dots.js

src/Dots/Dots.scss

src/Dots/index.js

src/index.js

src/Levels/index.js

src/Levels/Levels.js

src/Levels/Levels.scss

src/scss/_common.scss

src/scss/bourbon/_bourbon-deprecated-upcoming.scss

src/scss/bourbon/_bourbon.scss

src/scss/bourbon/addons/_button.scss

src/scss/bourbon/addons/_clearfix.scss

src/scss/bourbon/addons/_directional-values.scss

src/scss/bourbon/addons/_ellipsis.scss

src/scss/bourbon/addons/_font-family.scss

src/scss/bourbon/addons/_hide-text.scss

src/scss/bourbon/addons/_html5-input-types.scss

src/scss/bourbon/addons/_position.scss

src/scss/bourbon/addons/_prefixer.scss

src/scss/bourbon/addons/_retina-image.scss

src/scss/bourbon/addons/_size.scss

src/scss/bourbon/addons/_timing-functions.scss

src/scss/bourbon/addons/_triangle.scss

src/scss/bourbon/addons/_word-wrap.scss

src/scss/bourbon/css3/_animation.scss

src/scss/bourbon/css3/_appearance.scss

src/scss/bourbon/css3/_backface-visibility.scss

src/scss/bourbon/css3/_background-image.scss

src/scss/bourbon/css3/_background.scss

src/scss/bourbon/css3/_border-image.scss

src/scss/bourbon/css3/_border-radius.scss

src/scss/bourbon/css3/_box-sizing.scss

src/scss/bourbon/css3/_calc.scss

src/scss/bourbon/css3/_columns.scss

src/scss/bourbon/css3/_filter.scss

src/scss/bourbon/css3/_flex-box.scss

src/scss/bourbon/css3/_font-face.scss

src/scss/bourbon/css3/_font-feature-settings.scss

src/scss/bourbon/css3/_hidpi-media-query.scss

src/scss/bourbon/css3/_hyphens.scss

src/scss/bourbon/css3/_image-rendering.scss

src/scss/bourbon/css3/_keyframes.scss

src/scss/bourbon/css3/_linear-gradient.scss

src/scss/bourbon/css3/_perspective.scss

src/scss/bourbon/css3/_placeholder.scss

src/scss/bourbon/css3/_radial-gradient.scss

src/scss/bourbon/css3/_transform.scss

src/scss/bourbon/css3/_transition.scss

src/scss/bourbon/css3/_user-select.scss

src/scss/bourbon/functions/_assign.scss

src/scss/bourbon/functions/_color-lightness.scss

src/scss/bourbon/functions/_flex-grid.scss

src/scss/bourbon/functions/_golden-ratio.scss

src/scss/bourbon/functions/_grid-width.scss

src/scss/bourbon/functions/_modular-scale.scss

src/scss/bourbon/functions/_px-to-em.scss

src/scss/bourbon/functions/_px-to-rem.scss

src/scss/bourbon/functions/_strip-units.scss

src/scss/bourbon/functions/_tint-shade.scss

src/scss/bourbon/functions/_transition-property-name.scss

src/scss/bourbon/functions/_unpack.scss

src/scss/bourbon/helpers/_convert-units.scss

src/scss/bourbon/helpers/_gradient-positions-parser.scss

src/scss/bourbon/helpers/_is-num.scss

src/scss/bourbon/helpers/_linear-angle-parser.scss

src/scss/bourbon/helpers/_linear-gradient-parser.scss

src/scss/bourbon/helpers/_linear-positions-parser.scss

src/scss/bourbon/helpers/_linear-side-corner-parser.scss

src/scss/bourbon/helpers/_radial-arg-parser.scss

src/scss/bourbon/helpers/_radial-gradient-parser.scss

src/scss/bourbon/helpers/_radial-positions-parser.scss

src/scss/bourbon/helpers/_render-gradients.scss

src/scss/bourbon/helpers/_shape-size-stripper.scss

src/scss/bourbon/helpers/_str-to-num.scss

src/scss/bourbon/settings/_asset-pipeline.scss

src/scss/bourbon/settings/_prefixer.scss

src/scss/bourbon/settings/_px-to-em.scss

src/scss/lib

src/Sentry/index.js

src/Sentry/Sentry.js

src/Sentry/Sentry.scss

src/Spinner/index.js

src/Spinner/Spinner.js

src/Spinner/Spinner.scss

src/Squares/index.js

src/Squares/Squares.js

src/Squares/Squares.scss

src/styles.scss

src/Windmill/index.js

src/Windmill/Windmill.js

src/Windmill/Windmill.scss

react-activity - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics

Dependency changes