Socket
Socket
Sign inDemoInstall

@atlaskit/spinner

Package Overview
Dependencies
Maintainers
1
Versions
149
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/spinner - npm Package Compare versions

Comparing version 1.0.5 to 2.0.0

26

CHANGELOG.md

@@ -1,6 +0,28 @@

<a name="1.0.5"></a>
## 1.0.5 (2017-03-22)
<a name="2.0.0"></a>
# 2.0.0 (2017-03-27)
<a name="2.0.0"></a>
# 2.0.0 (2017-03-27)
### Bug Fixes
* **refactor:** address IE focus management issue ([acad36d](https://bitbucket.org/atlassian/atlaskit/commits/acad36d))
### Code Refactoring
* **refactor:** refactor the spinner component to use styled-components ([155956c](https://bitbucket.org/atlassian/atlaskit/commits/155956c))
### BREAKING CHANGES
* **refactor:** removed dependency \ as dependency \| added dependency \ \|
added peerDependency of \
<a name="1.0.5"></a>

@@ -7,0 +29,0 @@ ## 1.0.5 (2017-03-22)

364

dist/bundle-cjs.js

@@ -80,5 +80,18 @@ module.exports = /******/

value: !0
}), exports.default = void 0;
var _Spinner = __webpack_require__(2), _Spinner2 = _interopRequireDefault(_Spinner);
exports.default = _Spinner2.default;
}, /* 2 */
/***/
function(module, exports, __webpack_require__) {
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _defineProperty2 = __webpack_require__(2), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _freeze = __webpack_require__(8), _freeze2 = _interopRequireDefault(_freeze), _classnames = __webpack_require__(9), _classnames2 = _interopRequireDefault(_classnames), _styles = __webpack_require__(10), _styles2 = _interopRequireDefault(_styles), _react = __webpack_require__(14), _react2 = _interopRequireDefault(_react), SPINNER_SIZE = 20, SPINNER_DELAY = 100, SIZES = (0,
_freeze2.default)({
var _extends2 = __webpack_require__(3), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(4), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(5), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(6), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Container = __webpack_require__(10), _Container2 = _interopRequireDefault(_Container), _Dash = __webpack_require__(13), _Dash2 = _interopRequireDefault(_Dash), _Wrapper = __webpack_require__(15), _Wrapper2 = _interopRequireDefault(_Wrapper), SPINNER_DELAY = 100, SIZES = [ "small", "medium", "large", "xlarge" ], SIZES_MAP = {
small: 20,

@@ -88,3 +101,3 @@ medium: 30,

xlarge: 100
}), Spinner = function(_PureComponent) {
}, DEFAULT_SIZE = SIZES_MAP.small, NOOP = function() {}, Spinner = function(_PureComponent) {
function Spinner() {

@@ -96,4 +109,4 @@ var _ref, _temp, _this, _ret;

_getPrototypeOf2.default)(Spinner)).call.apply(_ref, [ this ].concat(args))), _this.state = {
spinnerHiddenForDelay: !0,
spinnerDelayTimeout: null
spinnerDelayTimeout: null,
spinnerHiddenForDelay: !0
}, _this.showSpinnerAfterDelay = function() {

@@ -115,2 +128,5 @@ _this.state.spinnerDelayTimeout && clearTimeout(_this.state.spinnerDelayTimeout),

"stroke-dashoffset" === e.propertyName && _this.props.isCompleting && _this.props.onComplete();
}, _this.validateSize = function() {
var size = _this.props.size, spinnerSize = SIZES_MAP[size] || size;
return "number" != typeof spinnerSize && (spinnerSize = DEFAULT_SIZE), spinnerSize;
}, _ret = _temp, (0, _possibleConstructorReturn3.default)(_this, _ret);

@@ -137,301 +153,143 @@ }

value: function() {
var _spinnerStyles, spinnerSize = SIZES[this.props.size] || this.props.size;
"number" != typeof spinnerSize && (spinnerSize = SPINNER_SIZE);
var spinnerStyles = (_spinnerStyles = {}, (0, _defineProperty3.default)(_spinnerStyles, _styles2.default.spinner, !0),
(0, _defineProperty3.default)(_spinnerStyles, _styles2.default.hidden, this.state.spinnerHiddenForDelay),
(0, _defineProperty3.default)(_spinnerStyles, _styles2.default.active, !this.props.isCompleting),
_spinnerStyles), strokeWidth = Math.round(spinnerSize / 10), strokeRadius = spinnerSize / 2 - strokeWidth / 2, circumference = Math.PI * strokeRadius * 2, dashStyles = {
strokeDashoffset: this.props.isCompleting ? circumference : .8 * circumference,
var isCompleting = this.props.isCompleting, size = this.validateSize(), strokeWidth = Math.round(size / 10), strokeRadius = size / 2 - strokeWidth / 2, circumference = Math.PI * strokeRadius * 2, dimensions = {
height: size,
width: size
}, dashStyles = {
strokeDashoffset: isCompleting ? circumference : .8 * circumference,
strokeDasharray: circumference
};
return _react2.default.createElement("div", {
style: {
display: "inline-flex"
}
}, _react2.default.createElement("div", {
className: (0, _classnames2.default)(spinnerStyles),
return _react2.default.createElement(_Container2.default, {
active: !isCompleting,
hidden: this.state.spinnerHiddenForDelay,
onTransitionEnd: this.handleTransitionEnd,
style: {
height: spinnerSize + "px",
width: spinnerSize + "px"
}
}, _react2.default.createElement("div", {
className: _styles2.default.spinnerWrapper
}, _react2.default.createElement("svg", {
height: spinnerSize,
width: spinnerSize,
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 " + spinnerSize + " " + spinnerSize
}, _react2.default.createElement("circle", {
className: _styles2.default.circle,
style: dimensions
}, _react2.default.createElement(_Wrapper2.default, null, _react2.default.createElement("svg", (0,
_extends3.default)({}, dimensions, {
focusable: "false",
viewBox: "0 0 " + size + " " + size,
xmlns: "http://www.w3.org/2000/svg"
}), _react2.default.createElement(_Dash2.default, {
active: !isCompleting,
cx: size / 2,
cy: size / 2,
fill: "none",
r: strokeRadius,
strokeLinecap: "round",
strokeWidth: strokeWidth,
strokeLinecap: "round",
cx: spinnerSize / 2,
cy: spinnerSize / 2,
r: strokeRadius,
style: dashStyles
})))));
}))));
}
} ]), Spinner;
}(_react.PureComponent);
Spinner.displayName = "AkSpinner", Spinner.propTypes = {
Spinner.propTypes = {
isCompleting: _react.PropTypes.bool,
onComplete: _react.PropTypes.func,
isCompleting: _react.PropTypes.bool,
size: _react2.default.PropTypes.oneOfType([ _react2.default.PropTypes.number, _react2.default.PropTypes.oneOf([ "small", "medium", "large", "xlarge" ]) ])
size: _react.PropTypes.oneOfType([ _react.PropTypes.number, _react.PropTypes.oneOf(SIZES) ])
}, Spinner.defaultProps = {
onComplete: function() {},
isCompleting: !1,
size: "small"
onComplete: NOOP,
size: SIZES[0]
}, exports.default = Spinner;
}, /* 2 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/defineProperty");
}, /* 3 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/core-js/object/get-prototype-of");
module.exports = require("babel-runtime/helpers/extends");
}, /* 4 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/classCallCheck");
module.exports = require("babel-runtime/core-js/object/get-prototype-of");
}, /* 5 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/createClass");
module.exports = require("babel-runtime/helpers/classCallCheck");
}, /* 6 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
module.exports = require("babel-runtime/helpers/createClass");
}, /* 7 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/inherits");
module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
}, /* 8 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/core-js/object/freeze");
module.exports = require("babel-runtime/helpers/inherits");
}, /* 9 */
/***/
function(module, exports) {
module.exports = require("classnames");
module.exports = require("react");
}, /* 10 */
/***/
function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(11);
"string" == typeof content && (content = [ [ module.id, content, "" ] ]);
// add the styles to the DOM
__webpack_require__(13)(content, {});
content.locals && (module.exports = content.locals);
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n" ], [ "\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n" ]), _templateObject2 = (0,
_taggedTemplateLiteral3.default)([ "\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n" ], [ "\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n" ]), _templateObject3 = (0,
_taggedTemplateLiteral3.default)([ "\n animation: ", " ease-in-out forwards;\n display: inline-flex;\n opacity: ", ";\n" ], [ "\n animation: ", " ease-in-out forwards;\n display: inline-flex;\n opacity: ", ";\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), spinnerLoad = (0,
_styledComponents.keyframes)(_templateObject), spinnerLoadActive = (0, _styledComponents.keyframes)(_templateObject2), getOpacity = function(_ref) {
var hidden = _ref.hidden;
return hidden ? 0 : 1;
}, getAnimation = function(_ref2) {
var active = _ref2.active;
return active ? spinnerLoadActive + " 1s" : spinnerLoad + " 0.53s";
};
exports.default = _styledComponents2.default.div(_templateObject3, getAnimation, getOpacity);
}, /* 11 */
/***/
function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(12)(), // imports
// module
exports.push([ module.id, "._2QF5HCMDMMqHB10Xavjq6D{-webkit-animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}._1FChkZKMZMx6vRyjCraolj{-webkit-animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;-webkit-animation-timing-function:cubic-bezier(.4,.15,.6,.85);animation-timing-function:cubic-bezier(.4,.15,.6,.85);display:-webkit-inline-box;display:inline-flex}._2QF5HCMDMMqHB10Xavjq6D ._3QSyePwZJKwIi8dkRv0FSM{-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;opacity:0;-webkit-transform-origin:center;transform-origin:center;stroke:#42526e}._2QF5HCMDMMqHB10Xavjq6D._1TQLETw_kTVmwOsNwtReTs{opacity:0}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj{-webkit-animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards;animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj ._3QSyePwZJKwIi8dkRv0FSM{opacity:1;-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out}@-webkit-keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@-webkit-keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}@keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}", "" ]),
// exports
exports.locals = {
spinner: "_2QF5HCMDMMqHB10Xavjq6D",
spinner: "_2QF5HCMDMMqHB10Xavjq6D",
spinnerLoad: "FCepY8CTy8A--P-cG--RM",
spinnerLoad: "FCepY8CTy8A--P-cG--RM",
"spinner-wrapper": "_1FChkZKMZMx6vRyjCraolj",
spinnerWrapper: "_1FChkZKMZMx6vRyjCraolj",
spinnerSpin: "_1dV2oYNp5TLP-TeFYWn9qU",
spinnerSpin: "_1dV2oYNp5TLP-TeFYWn9qU",
circle: "_3QSyePwZJKwIi8dkRv0FSM",
circle: "_3QSyePwZJKwIi8dkRv0FSM",
hidden: "_1TQLETw_kTVmwOsNwtReTs",
hidden: "_1TQLETw_kTVmwOsNwtReTs",
active: "_1CUu13e6LPJtty81jNdywj",
active: "_1CUu13e6LPJtty81jNdywj",
spinnerLoad2: "_17EedLRca-qJulQLjX2R8s",
spinnerLoad2: "_17EedLRca-qJulQLjX2R8s"
};
function(module, exports) {
module.exports = require("babel-runtime/helpers/taggedTemplateLiteral");
}, /* 12 */
/***/
function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function() {
var list = [];
// return the list of modules as css string
// import a list of modules into the list
return list.toString = function() {
for (var result = [], i = 0; i < this.length; i++) {
var item = this[i];
item[2] ? result.push("@media " + item[2] + "{" + item[1] + "}") : result.push(item[1]);
}
return result.join("");
}, list.i = function(modules, mediaQuery) {
"string" == typeof modules && (modules = [ [ null, modules, "" ] ]);
for (var alreadyImportedModules = {}, i = 0; i < this.length; i++) {
var id = this[i][0];
"number" == typeof id && (alreadyImportedModules[id] = !0);
}
for (i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
"number" == typeof item[0] && alreadyImportedModules[item[0]] || (mediaQuery && !item[2] ? item[2] = mediaQuery : mediaQuery && (item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"),
list.push(item));
}
}, list;
};
module.exports = require("styled-components");
}, /* 13 */
/***/
function(module, exports, __webpack_require__) {
function addStylesToDom(styles, options) {
for (var i = 0; i < styles.length; i++) {
var item = styles[i], domStyle = stylesInDom[item.id];
if (domStyle) {
domStyle.refs++;
for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j](item.parts[j]);
for (;j < item.parts.length; j++) domStyle.parts.push(addStyle(item.parts[j], options));
} else {
for (var parts = [], j = 0; j < item.parts.length; j++) parts.push(addStyle(item.parts[j], options));
stylesInDom[item.id] = {
id: item.id,
refs: 1,
parts: parts
};
}
}
}
function listToStyles(list) {
for (var styles = [], newStyles = {}, i = 0; i < list.length; i++) {
var item = list[i], id = item[0], css = item[1], media = item[2], sourceMap = item[3], part = {
css: css,
media: media,
sourceMap: sourceMap
};
newStyles[id] ? newStyles[id].parts.push(part) : styles.push(newStyles[id] = {
id: id,
parts: [ part ]
});
}
return styles;
}
function insertStyleElement(options, styleElement) {
var head = getHeadElement(), lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
if ("top" === options.insertAt) lastStyleElementInsertedAtTop ? lastStyleElementInsertedAtTop.nextSibling ? head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling) : head.appendChild(styleElement) : head.insertBefore(styleElement, head.firstChild),
styleElementsInsertedAtTop.push(styleElement); else {
if ("bottom" !== options.insertAt) throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
head.appendChild(styleElement);
}
}
function removeStyleElement(styleElement) {
styleElement.parentNode.removeChild(styleElement);
var idx = styleElementsInsertedAtTop.indexOf(styleElement);
idx >= 0 && styleElementsInsertedAtTop.splice(idx, 1);
}
function createStyleElement(options) {
var styleElement = document.createElement("style");
return styleElement.type = "text/css", insertStyleElement(options, styleElement),
styleElement;
}
function createLinkElement(options) {
var linkElement = document.createElement("link");
return linkElement.rel = "stylesheet", insertStyleElement(options, linkElement),
linkElement;
}
function addStyle(obj, options) {
var styleElement, update, remove;
if (options.singleton) {
var styleIndex = singletonCounter++;
styleElement = singletonElement || (singletonElement = createStyleElement(options)),
update = applyToSingletonTag.bind(null, styleElement, styleIndex, !1), remove = applyToSingletonTag.bind(null, styleElement, styleIndex, !0);
} else obj.sourceMap && "function" == typeof URL && "function" == typeof URL.createObjectURL && "function" == typeof URL.revokeObjectURL && "function" == typeof Blob && "function" == typeof btoa ? (styleElement = createLinkElement(options),
update = updateLink.bind(null, styleElement), remove = function() {
removeStyleElement(styleElement), styleElement.href && URL.revokeObjectURL(styleElement.href);
}) : (styleElement = createStyleElement(options), update = applyToTag.bind(null, styleElement),
remove = function() {
removeStyleElement(styleElement);
});
return update(obj), function(newObj) {
if (newObj) {
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) return;
update(obj = newObj);
} else remove();
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
function applyToSingletonTag(styleElement, index, remove, obj) {
var css = remove ? "" : obj.css;
if (styleElement.styleSheet) styleElement.styleSheet.cssText = replaceText(index, css); else {
var cssNode = document.createTextNode(css), childNodes = styleElement.childNodes;
childNodes[index] && styleElement.removeChild(childNodes[index]), childNodes.length ? styleElement.insertBefore(cssNode, childNodes[index]) : styleElement.appendChild(cssNode);
}
}
function applyToTag(styleElement, obj) {
var css = obj.css, media = obj.media;
if (media && styleElement.setAttribute("media", media), styleElement.styleSheet) styleElement.styleSheet.cssText = css; else {
for (;styleElement.firstChild; ) styleElement.removeChild(styleElement.firstChild);
styleElement.appendChild(document.createTextNode(css));
}
}
function updateLink(linkElement, obj) {
var css = obj.css, sourceMap = obj.sourceMap;
sourceMap && (// http://stackoverflow.com/a/26603875
css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */");
var blob = new Blob([ css ], {
type: "text/css"
}), oldSrc = linkElement.href;
linkElement.href = URL.createObjectURL(blob), oldSrc && URL.revokeObjectURL(oldSrc);
}
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
var stylesInDom = {}, memoize = function(fn) {
var memo;
return function() {
return "undefined" == typeof memo && (memo = fn.apply(this, arguments)), memo;
};
}, isOldIE = memoize(function() {
return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
}), getHeadElement = memoize(function() {
return document.head || document.getElementsByTagName("head")[0];
}), singletonElement = null, singletonCounter = 0, styleElementsInsertedAtTop = [];
module.exports = function(list, options) {
options = options || {}, // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
// tags it will allow on a page
"undefined" == typeof options.singleton && (options.singleton = isOldIE()), // By default, add <style> tags to the bottom of <head>.
"undefined" == typeof options.insertAt && (options.insertAt = "bottom");
var styles = listToStyles(list);
return addStylesToDom(styles, options), function(newList) {
for (var mayRemove = [], i = 0; i < styles.length; i++) {
var item = styles[i], domStyle = stylesInDom[item.id];
domStyle.refs--, mayRemove.push(domStyle);
}
if (newList) {
var newStyles = listToStyles(newList);
addStylesToDom(newStyles, options);
}
for (var i = 0; i < mayRemove.length; i++) {
var domStyle = mayRemove[i];
if (0 === domStyle.refs) {
for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
delete stylesInDom[domStyle.id];
}
}
};
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n opacity: ", ";\n stroke: ", ";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ", ";\n" ], [ "\n opacity: ", ";\n stroke: ", ";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ", ";\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), getOpacity = function(_ref) {
var active = _ref.active;
return active ? 1 : 0;
}, getTransitionDelay = function(_ref2) {
var active = _ref2.active;
return active ? "initial" : "0.45s";
};
var replaceText = function() {
var textStore = [];
return function(index, replacement) {
return textStore[index] = replacement, textStore.filter(Boolean).join("\n");
};
}();
exports.default = _styledComponents2.default.circle(_templateObject, getOpacity, _utilSharedStyles.akColorN500, getTransitionDelay);
}, /* 14 */
/***/
function(module, exports) {
module.exports = require("react");
module.exports = require("@atlaskit/util-shared-styles");
}, /* 15 */
/***/
function(module, exports, __webpack_require__) {
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n to { transform: rotate(360deg); }\n" ], [ "\n to { transform: rotate(360deg); }\n" ]), _templateObject2 = (0,
_taggedTemplateLiteral3.default)([ "\n animation: ", " 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n" ], [ "\n animation: ", " 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), spin = (0,
_styledComponents.keyframes)(_templateObject);
exports.default = _styledComponents2.default.div(_templateObject2, spin);
} ]);

2

dist/bundle-cjs.min.js

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

module.exports=function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=r(i),a=n(3),s=r(a),l=n(4),u=r(l),p=n(5),f=r(p),d=n(6),c=r(d),m=n(7),h=r(m),y=n(8),v=r(y),b=n(9),g=r(b),w=n(10),k=r(w),C=n(14),T=r(C),M=20,_=100,L=(0,v.default)({small:20,medium:30,large:50,xlarge:100}),R=function(e){function t(){var e,n,r,i;(0,u.default)(this,t);for(var o=arguments.length,a=Array(o),l=0;l<o;l++)a[l]=arguments[l];return n=r=(0,c.default)(this,(e=t.__proto__||(0,s.default)(t)).call.apply(e,[this].concat(a))),r.state={spinnerHiddenForDelay:!0,spinnerDelayTimeout:null},r.showSpinnerAfterDelay=function(){r.state.spinnerDelayTimeout&&clearTimeout(r.state.spinnerDelayTimeout),r.setState({spinnerDelayTimeout:setTimeout(r.handleSpinnerDelayEnd,_),spinnerHiddenForDelay:!0})},r.handleSpinnerDelayEnd=function(){r.setState({spinnerHiddenForDelay:!1})},r.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&r.props.isCompleting&&r.props.onComplete()},i=n,(0,c.default)(r,i)}return(0,h.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e,t=L[this.props.size]||this.props.size;"number"!=typeof t&&(t=M);var n=(e={},(0,o.default)(e,k.default.spinner,!0),(0,o.default)(e,k.default.hidden,this.state.spinnerHiddenForDelay),(0,o.default)(e,k.default.active,!this.props.isCompleting),e),r=Math.round(t/10),i=t/2-r/2,a=Math.PI*i*2,s={strokeDashoffset:this.props.isCompleting?a:.8*a,strokeDasharray:a};return T.default.createElement("div",{style:{display:"inline-flex"}},T.default.createElement("div",{className:(0,g.default)(n),onTransitionEnd:this.handleTransitionEnd,style:{height:t+"px",width:t+"px"}},T.default.createElement("div",{className:k.default.spinnerWrapper},T.default.createElement("svg",{height:t,width:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 "+t+" "+t},T.default.createElement("circle",{className:k.default.circle,fill:"none",strokeWidth:r,strokeLinecap:"round",cx:t/2,cy:t/2,r:i,style:s})))))}}]),t}(C.PureComponent);R.displayName="AkSpinner",R.propTypes={onComplete:C.PropTypes.func,isCompleting:C.PropTypes.bool,size:T.default.PropTypes.oneOfType([T.default.PropTypes.number,T.default.PropTypes.oneOf(["small","medium","large","xlarge"])])},R.defaultProps={onComplete:function(){},isCompleting:!1,size:"small"},t.default=R},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("babel-runtime/core-js/object/freeze")},function(e,t){e.exports=require("classnames")},function(e,t,n){var r=n(11);"string"==typeof r&&(r=[[e.id,r,""]]),n(13)(r,{}),r.locals&&(e.exports=r.locals)},function(e,t,n){t=e.exports=n(12)(),t.push([e.id,"._2QF5HCMDMMqHB10Xavjq6D{-webkit-animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}._1FChkZKMZMx6vRyjCraolj{-webkit-animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;-webkit-animation-timing-function:cubic-bezier(.4,.15,.6,.85);animation-timing-function:cubic-bezier(.4,.15,.6,.85);display:-webkit-inline-box;display:inline-flex}._2QF5HCMDMMqHB10Xavjq6D ._3QSyePwZJKwIi8dkRv0FSM{-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;opacity:0;-webkit-transform-origin:center;transform-origin:center;stroke:#42526e}._2QF5HCMDMMqHB10Xavjq6D._1TQLETw_kTVmwOsNwtReTs{opacity:0}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj{-webkit-animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards;animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj ._3QSyePwZJKwIi8dkRv0FSM{opacity:1;-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out}@-webkit-keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@-webkit-keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}@keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}",""]),t.locals={spinner:"_2QF5HCMDMMqHB10Xavjq6D",spinner:"_2QF5HCMDMMqHB10Xavjq6D",spinnerLoad:"FCepY8CTy8A--P-cG--RM",spinnerLoad:"FCepY8CTy8A--P-cG--RM","spinner-wrapper":"_1FChkZKMZMx6vRyjCraolj",spinnerWrapper:"_1FChkZKMZMx6vRyjCraolj",spinnerSpin:"_1dV2oYNp5TLP-TeFYWn9qU",spinnerSpin:"_1dV2oYNp5TLP-TeFYWn9qU",circle:"_3QSyePwZJKwIi8dkRv0FSM",circle:"_3QSyePwZJKwIi8dkRv0FSM",hidden:"_1TQLETw_kTVmwOsNwtReTs",hidden:"_1TQLETw_kTVmwOsNwtReTs",active:"_1CUu13e6LPJtty81jNdywj",active:"_1CUu13e6LPJtty81jNdywj",spinnerLoad2:"_17EedLRca-qJulQLjX2R8s",spinnerLoad2:"_17EedLRca-qJulQLjX2R8s"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(e,t,n){function r(e,t){for(var n=0;n<e.length;n++){var r=e[n],i=c[r.id];if(i){i.refs++;for(var o=0;o<i.parts.length;o++)i.parts[o](r.parts[o]);for(;o<r.parts.length;o++)i.parts.push(u(r.parts[o],t))}else{for(var a=[],o=0;o<r.parts.length;o++)a.push(u(r.parts[o],t));c[r.id]={id:r.id,refs:1,parts:a}}}}function i(e){for(var t=[],n={},r=0;r<e.length;r++){var i=e[r],o=i[0],a=i[1],s=i[2],l=i[3],u={css:a,media:s,sourceMap:l};n[o]?n[o].parts.push(u):t.push(n[o]={id:o,parts:[u]})}return t}function o(e,t){var n=y(),r=g[g.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),g.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=g.indexOf(e);t>=0&&g.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",o(e,t),t}function u(e,t){var n,r,i;if(t.singleton){var o=b++;n=v||(v=s(t)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),r=d.bind(null,n),i=function(){a(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(t),r=f.bind(null,n),i=function(){a(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}function p(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=w(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function f(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function d(e,t){var n=t.css,r=t.sourceMap;r&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var i=new Blob([n],{type:"text/css"}),o=e.href;e.href=URL.createObjectURL(i),o&&URL.revokeObjectURL(o)}var c={},m=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=m(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),y=m(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,b=0,g=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=i(e);return r(n,t),function(e){for(var o=[],a=0;a<n.length;a++){var s=n[a],l=c[s.id];l.refs--,o.push(l)}if(e){var u=i(e);r(u,t)}for(var a=0;a<o.length;a++){var l=o[a];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete c[l.id]}}}};var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=require("react")}]);
module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(2),i=r(o);t.default=i.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),i=r(o),a=n(4),s=r(a),l=n(5),u=r(l),f=n(6),d=r(f),p=n(7),c=r(p),m=n(8),y=r(m),h=n(9),v=r(h),g=n(10),b=r(g),x=n(13),_=r(x),T=n(15),k=r(T),D=100,C=["small","medium","large","xlarge"],P={small:20,medium:30,large:50,xlarge:100},M=P.small,w=function(){},q=function(e){function t(){var e,n,r,o;(0,u.default)(this,t);for(var i=arguments.length,a=Array(i),l=0;l<i;l++)a[l]=arguments[l];return n=r=(0,c.default)(this,(e=t.__proto__||(0,s.default)(t)).call.apply(e,[this].concat(a))),r.state={spinnerDelayTimeout:null,spinnerHiddenForDelay:!0},r.showSpinnerAfterDelay=function(){r.state.spinnerDelayTimeout&&clearTimeout(r.state.spinnerDelayTimeout),r.setState({spinnerDelayTimeout:setTimeout(r.handleSpinnerDelayEnd,D),spinnerHiddenForDelay:!0})},r.handleSpinnerDelayEnd=function(){r.setState({spinnerHiddenForDelay:!1})},r.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&r.props.isCompleting&&r.props.onComplete()},r.validateSize=function(){var e=r.props.size,t=P[e]||e;return"number"!=typeof t&&(t=M),t},o=n,(0,c.default)(r,o)}return(0,y.default)(t,e),(0,d.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e=this.props.isCompleting,t=this.validateSize(),n=Math.round(t/10),r=t/2-n/2,o=Math.PI*r*2,a={height:t,width:t},s={strokeDashoffset:e?o:.8*o,strokeDasharray:o};return v.default.createElement(b.default,{active:!e,hidden:this.state.spinnerHiddenForDelay,onTransitionEnd:this.handleTransitionEnd,style:a},v.default.createElement(k.default,null,v.default.createElement("svg",(0,i.default)({},a,{focusable:"false",viewBox:"0 0 "+t+" "+t,xmlns:"http://www.w3.org/2000/svg"}),v.default.createElement(_.default,{active:!e,cx:t/2,cy:t/2,fill:"none",r:r,strokeLinecap:"round",strokeWidth:n,style:s}))))}}]),t}(h.PureComponent);q.propTypes={isCompleting:h.PropTypes.bool,onComplete:h.PropTypes.func,size:h.PropTypes.oneOfType([h.PropTypes.number,h.PropTypes.oneOf(C)])},q.defaultProps={isCompleting:!1,onComplete:w,size:C[0]},t.default=q},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(11),i=r(o),a=(0,i.default)(["\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n"],["\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n"]),s=(0,i.default)(["\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n"],["\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n"]),l=(0,i.default)(["\n animation: "," ease-in-out forwards;\n display: inline-flex;\n opacity: ",";\n"],["\n animation: "," ease-in-out forwards;\n display: inline-flex;\n opacity: ",";\n"]),u=n(12),f=r(u),d=(0,u.keyframes)(a),p=(0,u.keyframes)(s),c=function(e){var t=e.hidden;return t?0:1},m=function(e){var t=e.active;return t?p+" 1s":d+" 0.53s"};t.default=f.default.div(l,m,c)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(11),i=r(o),a=(0,i.default)(["\n opacity: ",";\n stroke: ",";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ",";\n"],["\n opacity: ",";\n stroke: ",";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ",";\n"]),s=n(12),l=r(s),u=n(14),f=function(e){var t=e.active;return t?1:0},d=function(e){var t=e.active;return t?"initial":"0.45s"};t.default=l.default.circle(a,f,u.akColorN500,d)},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(11),i=r(o),a=(0,i.default)(["\n to { transform: rotate(360deg); }\n"],["\n to { transform: rotate(360deg); }\n"]),s=(0,i.default)(["\n animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n"],["\n animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n"]),l=n(12),u=r(l),f=(0,l.keyframes)(a);t.default=u.default.div(s,f)}]);

352

dist/bundle.js
!function(root, factory) {
"object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/defineProperty"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("babel-runtime/core-js/object/freeze"), require("classnames"), require("react")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/defineProperty", "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "babel-runtime/core-js/object/freeze", "classnames", "react" ], factory) : "object" == typeof exports ? exports["@atlaskit/spinner"] = factory(require("babel-runtime/helpers/defineProperty"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("babel-runtime/core-js/object/freeze"), require("classnames"), require("react")) : root["@atlaskit/spinner"] = factory(root["babel-runtime/helpers/defineProperty"], root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root["babel-runtime/core-js/object/freeze"], root.classnames, root.react);
}(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_14__) {
"object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/extends", "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "react", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components", "@atlaskit/util-shared-styles" ], factory) : "object" == typeof exports ? exports["@atlaskit/spinner"] = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : root["@atlaskit/spinner"] = factory(root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root.react, root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"], root["@atlaskit/util-shared-styles"]);
}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_14__) {
/******/

@@ -83,5 +83,18 @@ return function(modules) {

value: !0
}), exports.default = void 0;
var _Spinner = __webpack_require__(2), _Spinner2 = _interopRequireDefault(_Spinner);
exports.default = _Spinner2.default;
}, /* 2 */
/***/
function(module, exports, __webpack_require__) {
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _defineProperty2 = __webpack_require__(2), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _freeze = __webpack_require__(8), _freeze2 = _interopRequireDefault(_freeze), _classnames = __webpack_require__(9), _classnames2 = _interopRequireDefault(_classnames), _styles = __webpack_require__(10), _styles2 = _interopRequireDefault(_styles), _react = __webpack_require__(14), _react2 = _interopRequireDefault(_react), SPINNER_SIZE = 20, SPINNER_DELAY = 100, SIZES = (0,
_freeze2.default)({
var _extends2 = __webpack_require__(3), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(4), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(5), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(6), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Container = __webpack_require__(10), _Container2 = _interopRequireDefault(_Container), _Dash = __webpack_require__(13), _Dash2 = _interopRequireDefault(_Dash), _Wrapper = __webpack_require__(15), _Wrapper2 = _interopRequireDefault(_Wrapper), SPINNER_DELAY = 100, SIZES = [ "small", "medium", "large", "xlarge" ], SIZES_MAP = {
small: 20,

@@ -91,3 +104,3 @@ medium: 30,

xlarge: 100
}), Spinner = function(_PureComponent) {
}, DEFAULT_SIZE = SIZES_MAP.small, NOOP = function() {}, Spinner = function(_PureComponent) {
function Spinner() {

@@ -99,4 +112,4 @@ var _ref, _temp, _this, _ret;

_getPrototypeOf2.default)(Spinner)).call.apply(_ref, [ this ].concat(args))), _this.state = {
spinnerHiddenForDelay: !0,
spinnerDelayTimeout: null
spinnerDelayTimeout: null,
spinnerHiddenForDelay: !0
}, _this.showSpinnerAfterDelay = function() {

@@ -118,2 +131,5 @@ _this.state.spinnerDelayTimeout && clearTimeout(_this.state.spinnerDelayTimeout),

"stroke-dashoffset" === e.propertyName && _this.props.isCompleting && _this.props.onComplete();
}, _this.validateSize = function() {
var size = _this.props.size, spinnerSize = SIZES_MAP[size] || size;
return "number" != typeof spinnerSize && (spinnerSize = DEFAULT_SIZE), spinnerSize;
}, _ret = _temp, (0, _possibleConstructorReturn3.default)(_this, _ret);

@@ -140,55 +156,41 @@ }

value: function() {
var _spinnerStyles, spinnerSize = SIZES[this.props.size] || this.props.size;
"number" != typeof spinnerSize && (spinnerSize = SPINNER_SIZE);
var spinnerStyles = (_spinnerStyles = {}, (0, _defineProperty3.default)(_spinnerStyles, _styles2.default.spinner, !0),
(0, _defineProperty3.default)(_spinnerStyles, _styles2.default.hidden, this.state.spinnerHiddenForDelay),
(0, _defineProperty3.default)(_spinnerStyles, _styles2.default.active, !this.props.isCompleting),
_spinnerStyles), strokeWidth = Math.round(spinnerSize / 10), strokeRadius = spinnerSize / 2 - strokeWidth / 2, circumference = Math.PI * strokeRadius * 2, dashStyles = {
strokeDashoffset: this.props.isCompleting ? circumference : .8 * circumference,
var isCompleting = this.props.isCompleting, size = this.validateSize(), strokeWidth = Math.round(size / 10), strokeRadius = size / 2 - strokeWidth / 2, circumference = Math.PI * strokeRadius * 2, dimensions = {
height: size,
width: size
}, dashStyles = {
strokeDashoffset: isCompleting ? circumference : .8 * circumference,
strokeDasharray: circumference
};
return _react2.default.createElement("div", {
style: {
display: "inline-flex"
}
}, _react2.default.createElement("div", {
className: (0, _classnames2.default)(spinnerStyles),
return _react2.default.createElement(_Container2.default, {
active: !isCompleting,
hidden: this.state.spinnerHiddenForDelay,
onTransitionEnd: this.handleTransitionEnd,
style: {
height: spinnerSize + "px",
width: spinnerSize + "px"
}
}, _react2.default.createElement("div", {
className: _styles2.default.spinnerWrapper
}, _react2.default.createElement("svg", {
height: spinnerSize,
width: spinnerSize,
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 " + spinnerSize + " " + spinnerSize
}, _react2.default.createElement("circle", {
className: _styles2.default.circle,
style: dimensions
}, _react2.default.createElement(_Wrapper2.default, null, _react2.default.createElement("svg", (0,
_extends3.default)({}, dimensions, {
focusable: "false",
viewBox: "0 0 " + size + " " + size,
xmlns: "http://www.w3.org/2000/svg"
}), _react2.default.createElement(_Dash2.default, {
active: !isCompleting,
cx: size / 2,
cy: size / 2,
fill: "none",
r: strokeRadius,
strokeLinecap: "round",
strokeWidth: strokeWidth,
strokeLinecap: "round",
cx: spinnerSize / 2,
cy: spinnerSize / 2,
r: strokeRadius,
style: dashStyles
})))));
}))));
}
} ]), Spinner;
}(_react.PureComponent);
Spinner.displayName = "AkSpinner", Spinner.propTypes = {
Spinner.propTypes = {
isCompleting: _react.PropTypes.bool,
onComplete: _react.PropTypes.func,
isCompleting: _react.PropTypes.bool,
size: _react2.default.PropTypes.oneOfType([ _react2.default.PropTypes.number, _react2.default.PropTypes.oneOf([ "small", "medium", "large", "xlarge" ]) ])
size: _react.PropTypes.oneOfType([ _react.PropTypes.number, _react.PropTypes.oneOf(SIZES) ])
}, Spinner.defaultProps = {
onComplete: function() {},
isCompleting: !1,
size: "small"
onComplete: NOOP,
size: SIZES[0]
}, exports.default = Spinner;
}, /* 2 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
}, /* 3 */

@@ -225,213 +227,52 @@ /***/

function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(11);
"string" == typeof content && (content = [ [ module.id, content, "" ] ]);
// add the styles to the DOM
__webpack_require__(13)(content, {});
content.locals && (module.exports = content.locals);
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n" ], [ "\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n" ]), _templateObject2 = (0,
_taggedTemplateLiteral3.default)([ "\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n" ], [ "\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n" ]), _templateObject3 = (0,
_taggedTemplateLiteral3.default)([ "\n animation: ", " ease-in-out forwards;\n display: inline-flex;\n opacity: ", ";\n" ], [ "\n animation: ", " ease-in-out forwards;\n display: inline-flex;\n opacity: ", ";\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), spinnerLoad = (0,
_styledComponents.keyframes)(_templateObject), spinnerLoadActive = (0, _styledComponents.keyframes)(_templateObject2), getOpacity = function(_ref) {
var hidden = _ref.hidden;
return hidden ? 0 : 1;
}, getAnimation = function(_ref2) {
var active = _ref2.active;
return active ? spinnerLoadActive + " 1s" : spinnerLoad + " 0.53s";
};
exports.default = _styledComponents2.default.div(_templateObject3, getAnimation, getOpacity);
}, /* 11 */
/***/
function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(12)(), // imports
// module
exports.push([ module.id, "._2QF5HCMDMMqHB10Xavjq6D{-webkit-animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}._1FChkZKMZMx6vRyjCraolj{-webkit-animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;-webkit-animation-timing-function:cubic-bezier(.4,.15,.6,.85);animation-timing-function:cubic-bezier(.4,.15,.6,.85);display:-webkit-inline-box;display:inline-flex}._2QF5HCMDMMqHB10Xavjq6D ._3QSyePwZJKwIi8dkRv0FSM{-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;opacity:0;-webkit-transform-origin:center;transform-origin:center;stroke:#42526e}._2QF5HCMDMMqHB10Xavjq6D._1TQLETw_kTVmwOsNwtReTs{opacity:0}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj{-webkit-animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards;animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj ._3QSyePwZJKwIi8dkRv0FSM{opacity:1;-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out}@-webkit-keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@-webkit-keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}@keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}", "" ]),
// exports
exports.locals = {
spinner: "_2QF5HCMDMMqHB10Xavjq6D",
spinner: "_2QF5HCMDMMqHB10Xavjq6D",
spinnerLoad: "FCepY8CTy8A--P-cG--RM",
spinnerLoad: "FCepY8CTy8A--P-cG--RM",
"spinner-wrapper": "_1FChkZKMZMx6vRyjCraolj",
spinnerWrapper: "_1FChkZKMZMx6vRyjCraolj",
spinnerSpin: "_1dV2oYNp5TLP-TeFYWn9qU",
spinnerSpin: "_1dV2oYNp5TLP-TeFYWn9qU",
circle: "_3QSyePwZJKwIi8dkRv0FSM",
circle: "_3QSyePwZJKwIi8dkRv0FSM",
hidden: "_1TQLETw_kTVmwOsNwtReTs",
hidden: "_1TQLETw_kTVmwOsNwtReTs",
active: "_1CUu13e6LPJtty81jNdywj",
active: "_1CUu13e6LPJtty81jNdywj",
spinnerLoad2: "_17EedLRca-qJulQLjX2R8s",
spinnerLoad2: "_17EedLRca-qJulQLjX2R8s"
};
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
}, /* 12 */
/***/
function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function() {
var list = [];
// return the list of modules as css string
// import a list of modules into the list
return list.toString = function() {
for (var result = [], i = 0; i < this.length; i++) {
var item = this[i];
item[2] ? result.push("@media " + item[2] + "{" + item[1] + "}") : result.push(item[1]);
}
return result.join("");
}, list.i = function(modules, mediaQuery) {
"string" == typeof modules && (modules = [ [ null, modules, "" ] ]);
for (var alreadyImportedModules = {}, i = 0; i < this.length; i++) {
var id = this[i][0];
"number" == typeof id && (alreadyImportedModules[id] = !0);
}
for (i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
"number" == typeof item[0] && alreadyImportedModules[item[0]] || (mediaQuery && !item[2] ? item[2] = mediaQuery : mediaQuery && (item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"),
list.push(item));
}
}, list;
};
module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
}, /* 13 */
/***/
function(module, exports, __webpack_require__) {
function addStylesToDom(styles, options) {
for (var i = 0; i < styles.length; i++) {
var item = styles[i], domStyle = stylesInDom[item.id];
if (domStyle) {
domStyle.refs++;
for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j](item.parts[j]);
for (;j < item.parts.length; j++) domStyle.parts.push(addStyle(item.parts[j], options));
} else {
for (var parts = [], j = 0; j < item.parts.length; j++) parts.push(addStyle(item.parts[j], options));
stylesInDom[item.id] = {
id: item.id,
refs: 1,
parts: parts
};
}
}
}
function listToStyles(list) {
for (var styles = [], newStyles = {}, i = 0; i < list.length; i++) {
var item = list[i], id = item[0], css = item[1], media = item[2], sourceMap = item[3], part = {
css: css,
media: media,
sourceMap: sourceMap
};
newStyles[id] ? newStyles[id].parts.push(part) : styles.push(newStyles[id] = {
id: id,
parts: [ part ]
});
}
return styles;
}
function insertStyleElement(options, styleElement) {
var head = getHeadElement(), lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
if ("top" === options.insertAt) lastStyleElementInsertedAtTop ? lastStyleElementInsertedAtTop.nextSibling ? head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling) : head.appendChild(styleElement) : head.insertBefore(styleElement, head.firstChild),
styleElementsInsertedAtTop.push(styleElement); else {
if ("bottom" !== options.insertAt) throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
head.appendChild(styleElement);
}
}
function removeStyleElement(styleElement) {
styleElement.parentNode.removeChild(styleElement);
var idx = styleElementsInsertedAtTop.indexOf(styleElement);
idx >= 0 && styleElementsInsertedAtTop.splice(idx, 1);
}
function createStyleElement(options) {
var styleElement = document.createElement("style");
return styleElement.type = "text/css", insertStyleElement(options, styleElement),
styleElement;
}
function createLinkElement(options) {
var linkElement = document.createElement("link");
return linkElement.rel = "stylesheet", insertStyleElement(options, linkElement),
linkElement;
}
function addStyle(obj, options) {
var styleElement, update, remove;
if (options.singleton) {
var styleIndex = singletonCounter++;
styleElement = singletonElement || (singletonElement = createStyleElement(options)),
update = applyToSingletonTag.bind(null, styleElement, styleIndex, !1), remove = applyToSingletonTag.bind(null, styleElement, styleIndex, !0);
} else obj.sourceMap && "function" == typeof URL && "function" == typeof URL.createObjectURL && "function" == typeof URL.revokeObjectURL && "function" == typeof Blob && "function" == typeof btoa ? (styleElement = createLinkElement(options),
update = updateLink.bind(null, styleElement), remove = function() {
removeStyleElement(styleElement), styleElement.href && URL.revokeObjectURL(styleElement.href);
}) : (styleElement = createStyleElement(options), update = applyToTag.bind(null, styleElement),
remove = function() {
removeStyleElement(styleElement);
});
return update(obj), function(newObj) {
if (newObj) {
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) return;
update(obj = newObj);
} else remove();
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
function applyToSingletonTag(styleElement, index, remove, obj) {
var css = remove ? "" : obj.css;
if (styleElement.styleSheet) styleElement.styleSheet.cssText = replaceText(index, css); else {
var cssNode = document.createTextNode(css), childNodes = styleElement.childNodes;
childNodes[index] && styleElement.removeChild(childNodes[index]), childNodes.length ? styleElement.insertBefore(cssNode, childNodes[index]) : styleElement.appendChild(cssNode);
}
}
function applyToTag(styleElement, obj) {
var css = obj.css, media = obj.media;
if (media && styleElement.setAttribute("media", media), styleElement.styleSheet) styleElement.styleSheet.cssText = css; else {
for (;styleElement.firstChild; ) styleElement.removeChild(styleElement.firstChild);
styleElement.appendChild(document.createTextNode(css));
}
}
function updateLink(linkElement, obj) {
var css = obj.css, sourceMap = obj.sourceMap;
sourceMap && (// http://stackoverflow.com/a/26603875
css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */");
var blob = new Blob([ css ], {
type: "text/css"
}), oldSrc = linkElement.href;
linkElement.href = URL.createObjectURL(blob), oldSrc && URL.revokeObjectURL(oldSrc);
}
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
var stylesInDom = {}, memoize = function(fn) {
var memo;
return function() {
return "undefined" == typeof memo && (memo = fn.apply(this, arguments)), memo;
};
}, isOldIE = memoize(function() {
return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
}), getHeadElement = memoize(function() {
return document.head || document.getElementsByTagName("head")[0];
}), singletonElement = null, singletonCounter = 0, styleElementsInsertedAtTop = [];
module.exports = function(list, options) {
options = options || {}, // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
// tags it will allow on a page
"undefined" == typeof options.singleton && (options.singleton = isOldIE()), // By default, add <style> tags to the bottom of <head>.
"undefined" == typeof options.insertAt && (options.insertAt = "bottom");
var styles = listToStyles(list);
return addStylesToDom(styles, options), function(newList) {
for (var mayRemove = [], i = 0; i < styles.length; i++) {
var item = styles[i], domStyle = stylesInDom[item.id];
domStyle.refs--, mayRemove.push(domStyle);
}
if (newList) {
var newStyles = listToStyles(newList);
addStylesToDom(newStyles, options);
}
for (var i = 0; i < mayRemove.length; i++) {
var domStyle = mayRemove[i];
if (0 === domStyle.refs) {
for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
delete stylesInDom[domStyle.id];
}
}
};
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n opacity: ", ";\n stroke: ", ";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ", ";\n" ], [ "\n opacity: ", ";\n stroke: ", ";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ", ";\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), getOpacity = function(_ref) {
var active = _ref.active;
return active ? 1 : 0;
}, getTransitionDelay = function(_ref2) {
var active = _ref2.active;
return active ? "initial" : "0.45s";
};
var replaceText = function() {
var textStore = [];
return function(index, replacement) {
return textStore[index] = replacement, textStore.filter(Boolean).join("\n");
};
}();
exports.default = _styledComponents2.default.circle(_templateObject, getOpacity, _utilSharedStyles.akColorN500, getTransitionDelay);
}, /* 14 */

@@ -441,3 +282,20 @@ /***/

module.exports = __WEBPACK_EXTERNAL_MODULE_14__;
}, /* 15 */
/***/
function(module, exports, __webpack_require__) {
"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n to { transform: rotate(360deg); }\n" ], [ "\n to { transform: rotate(360deg); }\n" ]), _templateObject2 = (0,
_taggedTemplateLiteral3.default)([ "\n animation: ", " 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n" ], [ "\n animation: ", " 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), spin = (0,
_styledComponents.keyframes)(_templateObject);
exports.default = _styledComponents2.default.div(_templateObject2, spin);
} ]);
});

2

dist/bundle.min.js

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

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/core-js/object/freeze"),require("classnames"),require("react")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/defineProperty","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","babel-runtime/core-js/object/freeze","classnames","react"],t):"object"==typeof exports?exports["@atlaskit/spinner"]=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/core-js/object/freeze"),require("classnames"),require("react")):e["@atlaskit/spinner"]=t(e["babel-runtime/helpers/defineProperty"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["babel-runtime/core-js/object/freeze"],e.classnames,e.react)}(this,function(e,t,r,n,i,o,s,a,l){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(2),o=n(i),s=r(3),a=n(s),l=r(4),u=n(l),p=r(5),f=n(p),c=r(6),d=n(c),m=r(7),b=n(m),h=r(8),y=n(h),v=r(9),g=n(v),C=r(10),w=n(C),k=r(14),j=n(k),T=20,M=100,R=(0,y.default)({small:20,medium:30,large:50,xlarge:100}),x=function(e){function t(){var e,r,n,i;(0,u.default)(this,t);for(var o=arguments.length,s=Array(o),l=0;l<o;l++)s[l]=arguments[l];return r=n=(0,d.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(s))),n.state={spinnerHiddenForDelay:!0,spinnerDelayTimeout:null},n.showSpinnerAfterDelay=function(){n.state.spinnerDelayTimeout&&clearTimeout(n.state.spinnerDelayTimeout),n.setState({spinnerDelayTimeout:setTimeout(n.handleSpinnerDelayEnd,M),spinnerHiddenForDelay:!0})},n.handleSpinnerDelayEnd=function(){n.setState({spinnerHiddenForDelay:!1})},n.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&n.props.isCompleting&&n.props.onComplete()},i=r,(0,d.default)(n,i)}return(0,b.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e,t=R[this.props.size]||this.props.size;"number"!=typeof t&&(t=T);var r=(e={},(0,o.default)(e,w.default.spinner,!0),(0,o.default)(e,w.default.hidden,this.state.spinnerHiddenForDelay),(0,o.default)(e,w.default.active,!this.props.isCompleting),e),n=Math.round(t/10),i=t/2-n/2,s=Math.PI*i*2,a={strokeDashoffset:this.props.isCompleting?s:.8*s,strokeDasharray:s};return j.default.createElement("div",{style:{display:"inline-flex"}},j.default.createElement("div",{className:(0,g.default)(r),onTransitionEnd:this.handleTransitionEnd,style:{height:t+"px",width:t+"px"}},j.default.createElement("div",{className:w.default.spinnerWrapper},j.default.createElement("svg",{height:t,width:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 "+t+" "+t},j.default.createElement("circle",{className:w.default.circle,fill:"none",strokeWidth:n,strokeLinecap:"round",cx:t/2,cy:t/2,r:i,style:a})))))}}]),t}(k.PureComponent);x.displayName="AkSpinner",x.propTypes={onComplete:k.PropTypes.func,isCompleting:k.PropTypes.bool,size:j.default.PropTypes.oneOfType([j.default.PropTypes.number,j.default.PropTypes.oneOf(["small","medium","large","xlarge"])])},x.defaultProps={onComplete:function(){},isCompleting:!1,size:"small"},t.default=x},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t){e.exports=o},function(e,t){e.exports=s},function(e,t){e.exports=a},function(e,t,r){var n=r(11);"string"==typeof n&&(n=[[e.id,n,""]]),r(13)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(12)(),t.push([e.id,"._2QF5HCMDMMqHB10Xavjq6D{-webkit-animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;animation:FCepY8CTy8A--P-cG--RM .53s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}._1FChkZKMZMx6vRyjCraolj{-webkit-animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;animation:_1dV2oYNp5TLP-TeFYWn9qU .86s infinite;-webkit-animation-timing-function:cubic-bezier(.4,.15,.6,.85);animation-timing-function:cubic-bezier(.4,.15,.6,.85);display:-webkit-inline-box;display:inline-flex}._2QF5HCMDMMqHB10Xavjq6D ._3QSyePwZJKwIi8dkRv0FSM{-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out .45s;opacity:0;-webkit-transform-origin:center;transform-origin:center;stroke:#42526e}._2QF5HCMDMMqHB10Xavjq6D._1TQLETw_kTVmwOsNwtReTs{opacity:0}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj{-webkit-animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards;animation:_17EedLRca-qJulQLjX2R8s 1s ease-in-out forwards}._2QF5HCMDMMqHB10Xavjq6D._1CUu13e6LPJtty81jNdywj ._3QSyePwZJKwIi8dkRv0FSM{opacity:1;-webkit-transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out;transition:stroke-dashoffset .8s ease-in-out,opacity .2s ease-in-out}@-webkit-keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes _1dV2oYNp5TLP-TeFYWn9qU{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@keyframes _17EedLRca-qJulQLjX2R8s{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(230deg);transform:rotate(230deg)}}@-webkit-keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}@keyframes FCepY8CTy8A--P-cG--RM{0%{-webkit-transform:rotate(230deg);transform:rotate(230deg)}to{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}",""]),t.locals={spinner:"_2QF5HCMDMMqHB10Xavjq6D",spinner:"_2QF5HCMDMMqHB10Xavjq6D",spinnerLoad:"FCepY8CTy8A--P-cG--RM",spinnerLoad:"FCepY8CTy8A--P-cG--RM","spinner-wrapper":"_1FChkZKMZMx6vRyjCraolj",spinnerWrapper:"_1FChkZKMZMx6vRyjCraolj",spinnerSpin:"_1dV2oYNp5TLP-TeFYWn9qU",spinnerSpin:"_1dV2oYNp5TLP-TeFYWn9qU",circle:"_3QSyePwZJKwIi8dkRv0FSM",circle:"_3QSyePwZJKwIi8dkRv0FSM",hidden:"_1TQLETw_kTVmwOsNwtReTs",hidden:"_1TQLETw_kTVmwOsNwtReTs",active:"_1CUu13e6LPJtty81jNdywj",active:"_1CUu13e6LPJtty81jNdywj",spinnerLoad2:"_17EedLRca-qJulQLjX2R8s",spinnerLoad2:"_17EedLRca-qJulQLjX2R8s"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(n[o]=!0)}for(i=0;i<t.length;i++){var s=t[i];"number"==typeof s[0]&&n[s[0]]||(r&&!s[2]?s[2]=r:r&&(s[2]="("+s[2]+") and ("+r+")"),e.push(s))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],i=d[n.id];if(i){i.refs++;for(var o=0;o<i.parts.length;o++)i.parts[o](n.parts[o]);for(;o<n.parts.length;o++)i.parts.push(u(n.parts[o],t))}else{for(var s=[],o=0;o<n.parts.length;o++)s.push(u(n.parts[o],t));d[n.id]={id:n.id,refs:1,parts:s}}}}function i(e){for(var t=[],r={},n=0;n<e.length;n++){var i=e[n],o=i[0],s=i[1],a=i[2],l=i[3],u={css:s,media:a,sourceMap:l};r[o]?r[o].parts.push(u):t.push(r[o]={id:o,parts:[u]})}return t}function o(e,t){var r=h(),n=g[g.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),g.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=g.indexOf(e);t>=0&&g.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",o(e,t),t}function u(e,t){var r,n,i;if(t.singleton){var o=v++;r=y||(y=a(t)),n=p.bind(null,r,o,!1),i=p.bind(null,r,o,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=l(t),n=c.bind(null,r),i=function(){s(r),r.href&&URL.revokeObjectURL(r.href)}):(r=a(t),n=f.bind(null,r),i=function(){s(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else i()}}function p(e,t,r,n){var i=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=C(t,i);else{var o=document.createTextNode(i),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(o,s[t]):e.appendChild(o)}}function f(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function c(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var i=new Blob([r],{type:"text/css"}),o=e.href;e.href=URL.createObjectURL(i),o&&URL.revokeObjectURL(o)}var d={},m=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},b=m(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),h=m(function(){return document.head||document.getElementsByTagName("head")[0]}),y=null,v=0,g=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=b()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=i(e);return n(r,t),function(e){for(var o=[],s=0;s<r.length;s++){var a=r[s],l=d[a.id];l.refs--,o.push(l)}if(e){var u=i(e);n(u,t)}for(var s=0;s<o.length;s++){var l=o[s];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete d[l.id]}}}};var C=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=l}])});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","react","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/spinner"]=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/spinner"]=t(e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e.react,e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,r,n,i,o,a,s,l,u){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(2),o=n(i);t.default=o.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(3),o=n(i),a=r(4),s=n(a),l=r(5),u=n(l),p=r(6),f=n(p),d=r(7),c=n(d),m=r(8),b=n(m),h=r(9),y=n(h),g=r(10),v=n(g),x=r(13),C=n(x),k=r(15),_=n(k),T=100,q=["small","medium","large","xlarge"],D={small:20,medium:30,large:50,xlarge:100},j=D.small,P=function(){},M=function(e){function t(){var e,r,n,i;(0,u.default)(this,t);for(var o=arguments.length,a=Array(o),l=0;l<o;l++)a[l]=arguments[l];return r=n=(0,c.default)(this,(e=t.__proto__||(0,s.default)(t)).call.apply(e,[this].concat(a))),n.state={spinnerDelayTimeout:null,spinnerHiddenForDelay:!0},n.showSpinnerAfterDelay=function(){n.state.spinnerDelayTimeout&&clearTimeout(n.state.spinnerDelayTimeout),n.setState({spinnerDelayTimeout:setTimeout(n.handleSpinnerDelayEnd,T),spinnerHiddenForDelay:!0})},n.handleSpinnerDelayEnd=function(){n.setState({spinnerHiddenForDelay:!1})},n.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&n.props.isCompleting&&n.props.onComplete()},n.validateSize=function(){var e=n.props.size,t=D[e]||e;return"number"!=typeof t&&(t=j),t},i=r,(0,c.default)(n,i)}return(0,b.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e=this.props.isCompleting,t=this.validateSize(),r=Math.round(t/10),n=t/2-r/2,i=Math.PI*n*2,a={height:t,width:t},s={strokeDashoffset:e?i:.8*i,strokeDasharray:i};return y.default.createElement(v.default,{active:!e,hidden:this.state.spinnerHiddenForDelay,onTransitionEnd:this.handleTransitionEnd,style:a},y.default.createElement(_.default,null,y.default.createElement("svg",(0,o.default)({},a,{focusable:"false",viewBox:"0 0 "+t+" "+t,xmlns:"http://www.w3.org/2000/svg"}),y.default.createElement(C.default,{active:!e,cx:t/2,cy:t/2,fill:"none",r:n,strokeLinecap:"round",strokeWidth:r,style:s}))))}}]),t}(h.PureComponent);M.propTypes={isCompleting:h.PropTypes.bool,onComplete:h.PropTypes.func,size:h.PropTypes.oneOfType([h.PropTypes.number,h.PropTypes.oneOf(q)])},M.defaultProps={isCompleting:!1,onComplete:P,size:q[0]},t.default=M},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t){e.exports=o},function(e,t){e.exports=a},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(11),o=n(i),a=(0,o.default)(["\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n"],["\n from { transform: rotate(230deg); }\n to { transform: rotate(510deg); }\n"]),s=(0,o.default)(["\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n"],["\n from { transform: rotate(50deg); }\n to { transform: rotate(230deg); }\n"]),l=(0,o.default)(["\n animation: "," ease-in-out forwards;\n display: inline-flex;\n opacity: ",";\n"],["\n animation: "," ease-in-out forwards;\n display: inline-flex;\n opacity: ",";\n"]),u=r(12),p=n(u),f=(0,u.keyframes)(a),d=(0,u.keyframes)(s),c=function(e){var t=e.hidden;return t?0:1},m=function(e){var t=e.active;return t?d+" 1s":f+" 0.53s"};t.default=p.default.div(l,m,c)},function(e,t){e.exports=s},function(e,t){e.exports=l},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(11),o=n(i),a=(0,o.default)(["\n opacity: ",";\n stroke: ",";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ",";\n"],["\n opacity: ",";\n stroke: ",";\n transform-origin: center;\n transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n transition-delay: ",";\n"]),s=r(12),l=n(s),u=r(14),p=function(e){var t=e.active;return t?1:0},f=function(e){var t=e.active;return t?"initial":"0.45s"};t.default=l.default.circle(a,p,u.akColorN500,f)},function(e,t){e.exports=u},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(11),o=n(i),a=(0,o.default)(["\n to { transform: rotate(360deg); }\n"],["\n to { transform: rotate(360deg); }\n"]),s=(0,o.default)(["\n animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n"],["\n animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n display: inline-flex;\n"]),l=r(12),u=n(l),p=(0,l.keyframes)(a);t.default=u.default.div(s,p)}])});

9

package.json
{
"name": "@atlaskit/spinner",
"version": "1.0.5",
"version": "2.0.0",
"config": {

@@ -26,7 +26,8 @@ "access": "public"

"peerDependencies": {
"react": "^15.3.2"
"react": "^15.3.2",
"styled-components": "^1.3.0"
},
"dependencies": {
"babel-runtime": "^6.11.6",
"classnames": "^2.2.5"
"@atlaskit/util-shared-styles": "^1.0.3",
"babel-runtime": "^6.11.6"
},

@@ -33,0 +34,0 @@ "devDependencies": {

6

README.md

@@ -5,3 +5,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://aui-cdn.atlassian.com/atlaskit/registry/)

[![Report an issue](https://img.shields.io/badge/Report-an_issue-6554C0.svg)](https://ecosystem.atlassian.net/browse/AK)
[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/spinner,@atlaskit/spinner@1.0.5)
[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/spinner,@atlaskit/spinner@2.0.0)

@@ -16,3 +16,3 @@ # Spinner

Interact with a [live demo of the @atlaskit/spinner component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/spinner/1.0.5/).
Interact with a [live demo of the @atlaskit/spinner component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/spinner/2.0.0/).

@@ -67,3 +67,3 @@ ## Installation

Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/spinner,@atlaskit/spinner@1.0.5).
Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/spinner,@atlaskit/spinner@2.0.0).

@@ -70,0 +70,0 @@ Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit).

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc