monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 1.18 kB
JavaScript
import e from"classnames";import t,{forwardRef as a,useMemo as r}from"react";import{formatNumber as l,formatNumberConsts as s}from"../../helpers/textManipulations.js";import{validateValue as o}from"./FormattedNumberHelpers.js";import{getTestId as m,ComponentDefaultTestId as i}from"../../tests/testIds.js";import n from"./FormattedNumber.module.scss.js";var c=a((function(a,s){var u=a.value,p=a.className,f=a.local,d=void 0===f?c.localFallBack:f,N=a.prefix,v=a.suffix,E=a.emptyPlaceHolder,x=void 0===E?"N/A":E,F=a.decimalPrecision,b=void 0===F?2:F,j=a.compact,A=void 0===j||j,B=a.rtl,L=a.id,M=a["data-testid"],O=r((function(){return v?t.createElement("span",{className:e(n.suffix)},v):null}),[v]),T=r((function(){return N?t.createElement("span",{className:e(n.prefix)},N):null}),[N]),k=r((function(){return l(Number(u),{local:d,precision:b,isCompact:A})}),[u,b,d,A]);return o(u)?t.createElement("span",null,x):t.createElement("div",{ref:s,className:p,id:L,"data-testid":M||m(i.FORMATTED_NUMBER,L)},B?O:T,t.createElement("span",null,k),B?T:O)}));Object.assign(c,{formatNumber:l,localFallBack:s.DEFAULT_LOCAL});export{c as default};
//# sourceMappingURL=FormattedNumber.js.map