UNPKG

carbon-react

Version:

A library of reusable React components for easily building user interfaces.

2 lines (1 loc) 2.75 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),s=require("./progress-tracker.style.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const n=n=>{var{size:l="medium",length:a="256px",error:i=!1,progress:c=0,description:u,currentProgressLabel:p,customValuePreposition:b,maxProgressLabel:d,labelsPosition:g="top",labelWidth:y}=n,j=function(e,r){if(null==e)return{};var t,s,o=function(e,r){if(null==e)return{};var t,s,o={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["size","length","error","progress","description","currentProgressLabel","customValuePreposition","maxProgressLabel","labelsPosition","labelWidth"]);const f=r.default(),O="bottom"!==g,P=()=>{let r,t;return p?(r=p,t=d||void 0):(r=`${c}%`,t="100%"),e.jsxs(s.StyledValuesLabel,{"data-role":"values-label",labelsPosition:g,size:l,labelWidth:y,children:[e.jsx(s.StyledValue,{"data-element":"current-progress-label",children:r}),t&&e.jsxs(e.Fragment,{children:[e.jsx("span",{"data-element":"custom-preposition",children:b||f.progressTracker.of()}),e.jsx(s.StyledValue,{"data-element":"max-progress-label",children:t})]}),u&&e.jsx(s.StyledDescription,{"data-element":"progress-tracker-description",children:u})]})};return e.jsxs(s.StyledProgressTracker,(m=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){o(e,r,t[r])}))}return e}({length:a},j,t.default("progress-bar",j)),h=null!=(h={labelsPosition:g,children:[O&&P(),e.jsx(s.StyledProgressBar,{"data-role":"progress-bar",progress:c,error:i,"aria-hidden":"true",children:e.jsx(s.InnerBar,{"data-element":"inner-bar","data-role":"inner-bar",size:l,progress:c,error:i})}),!O&&P()]})?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(h)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(h)).forEach((function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(h,e))})),m));var m,h};n.displayName="ProgressTracker",exports.default=n;