@polygon.io/core/dist/components/Buttons/LoadingSpinnerAnimation.js

A set of themeable UI components for React

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),_styledComponents=_interopRequireDefault(require("styled-components")),_reactTransitionGroup=require("react-transition-group"),_LoadingSpinner=_interopRequireDefault(require("../../../dist/components/Loading/LoadingSpinner")),__jsx=_react["default"].createElement;function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){(0,_defineProperty2["default"])(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var animationDuration=250,defaultStyle={marginRight:0,opacity:0,width:0,transition:"in-out-cubic",transitionProperty:"opacity, width, marginRight",transitionDuration:"".concat(250,"ms")},LoadingWithContent=_styledComponents["default"].span.withConfig({displayName:"LoadingSpinnerAnimation__LoadingWithContent",componentId:"sc-169dvv4-0"})(["position:relative;display:inline-flex;justify-content:center;overflow:visible;align-self:center;"]),transitionStyles={entered:{opacity:1,width:"1em",marginRight:"1em"}},LoadingSpinnerAnimation=function(a){var b=a.loading;return __jsx(_reactTransitionGroup.Transition,{in:b,appear:!0,unmountOnExit:!0,timeout:{enter:0,exit:animationDuration}},function(a){return __jsx(LoadingWithContent,{style:_objectSpread(_objectSpread({},defaultStyle),transitionStyles[a])},__jsx(_LoadingSpinner["default"],null))})};LoadingSpinnerAnimation.defaultProps={loading:!1};var _default=LoadingSpinnerAnimation;exports["default"]=_default;