monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 1.04 kB
JavaScript
import{defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as a}from"lodash-es";import{getStyle as e}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as t,ComponentDefaultTestId as s}from"../../../../tests/testIds.js";import o from"classnames";import l,{useMemo as i}from"react";import{calculatePercentage as m}from"../LinearProgressBarHelpers.js";import n from"./Bar.module.scss.js";var p=function(p){var u=p.value,d=p.type,c=p.barStyle,f=p.animated,b=p.min,v=p.max,j=p.color,y=p.barLabelName,g=p.id,B=p["data-testid"],_=p.className,h=i((function(){return o(n.bar,e(n,a("type__"+d+"--"+c)),_,r({},n.animate,f))}),[d,c,f,_]),x=i((function(){return null==u?0:m(u,b,v)}),[u,b,v]);return u?l.createElement("div",{role:"progressbar","aria-label":y,"aria-valuenow":x,"aria-valuemin":0,"aria-valuemax":100,className:h,style:Object.assign({width:"".concat(x,"%")},j&&{backgroundColor:j}),id:g,"data-testid":B||t(s.BAR,g)}):null};export{p as default};
//# sourceMappingURL=Bar.js.map