azure-devops-ui/Components/Spinner/Spinner.min.js

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./Spinner.css";import*as React from"react";import{announce}from"../../Core/Util/Accessibility";import{css,getSafeId}from"../../Util";import{SpinnerOrientation,SpinnerSize}from"./Spinner.Props";var Spinner=function(e){var i=e.ariaLabel,n=e.ariaLive,r=e.className,t=e.id,a=e.label,o=e.orientation,o=void 0===o?SpinnerOrientation.column:o,e=e.size,e=void 0===e?SpinnerSize.medium:e;return React.useEffect(function(){"assertive"!==n&&"polite"!==n||announce(i||a,"assertive"===n)},[]),React.createElement("div",{"aria-label":i,"aria-live":n,className:css(r,"bolt-spinner",o===SpinnerOrientation.column?"flex-column text-center rhythm-vertical-8":"flex-row flex-center rhythm-horizontal-8"),id:getSafeId(t)},React.createElement("div",{className:css("bolt-spinner-circle",e)}),a&&React.createElement("div",{className:"bolt-spinner-label"},a))};Spinner.displayName="Spinner";export{Spinner};