carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.05 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/helpers/tags/tags.js"),t=require("./loader-spinner.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../hooks/useMediaQuery/useMediaQuery.js"),o=require("../typography/typography.component.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const l=l=>{var{spinnerLabel:c,size:u="medium",showSpinnerLabel:p=!0,variant:d="action",isTracked:y=!1,hasMotion:f=!0,animationTime:b}=l,g=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(l,["spinnerLabel","size","showSpinnerLabel","variant","isTracked","hasMotion","animationTime"]);const j=i.default(),O=a.default("screen and (prefers-reduced-motion: no-preference)");if(void 0===O)return null;const v="inverse"!==d&&"gradient-white"!==d,h=e.jsx(t.StyledLabel,{"data-role":"visible-label",variant:"span",fontWeight:"400",size:u,color:v?"var(--colorsUtilityYin090);":"var(--colorsActionMajorYang100);",fontSize:"extra-large"===u?"var(--sizing200)":"var(--sizing175)",lineHeight:"extra-large"===u?"var(--sizing300)":"var(--sizing250)",children:c||j.loaderSpinner.loading()}),m="gradient-white"===d||"gradient-grey"===d;return e.jsx(t.StyledSpinnerWrapper,(S=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){s(e,r,t[r])}))}return e}({size:u,role:"status"},r.default("loader-spinner",g),n.default(g)),w=null!=(w={children:O?e.jsxs(e.Fragment,{children:[e.jsxs(t.StyledSpinnerCircleSvg,{role:"presentation",size:u,variant:d,hasMotion:f,isTracked:y,isGradientVariant:m,animationTime:b||(m?2:1),viewBox:"0 0 24 24",children:[e.jsx("circle",{"data-role":"outer-arc"}),e.jsx("circle",{"data-role":"inner-arc"})]}),p?h:e.jsx(o.Typography,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:c||j.loaderSpinner.loading()})]}):h})?w:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(w)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(w)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(w,e))})),S));var S,w};exports.LoaderSpinner=l,exports.default=l;