@ni/nimble-components 20.2.3 → 20.2.4

package/dist/esm/src/table-column/number-text/models/decimal-formatter.d.ts

@@ -4,6 +4,8 @@ import { NumberFormatter } from './number-formatter';
  */
 export declare class DecimalFormatter extends NumberFormatter {
     private readonly formatter;
+    private readonly tenPowDecimalDigits;
     constructor(decimalsToDisplay: number);
     protected format(number: number): string;
+    private willRoundToZero;
 }

package/dist/esm/table-column/number-text/models/decimal-formatter.d.ts

@@ -4,6 +4,8 @@ import { NumberFormatter } from './number-formatter';
  */
 export declare class DecimalFormatter extends NumberFormatter {
     private readonly formatter;
+    private readonly tenPowDecimalDigits;
     constructor(decimalsToDisplay: number);
     protected format(number: number): string;
+    private willRoundToZero;
 }

package/dist/esm/table-column/number-text/models/decimal-formatter.js

@@ -10,12 +10,18 @@ export class DecimalFormatter extends NumberFormatter {
             minimumFractionDigits: decimalsToDisplay,
             useGrouping: true
         });
+        this.tenPowDecimalDigits = 10 ** decimalsToDisplay;
     }
     format(number) {
         // The NumberFormat option of `signDisplay: "negative"` is not supported in all browsers nimble supports.
         // Because that option cannot be used to avoid rendering "-0", coerce the value -0 to 0 prior to formatting.
-        const valueToFormat = number === 0 ? 0 : number;
+        const valueToFormat = this.willRoundToZero(number) ? 0 : number;
         return this.formatter.format(valueToFormat);
     }
+    willRoundToZero(number) {
+        // Multiply the value by 10 raised to decimal-digits so that Math.round can be used to emulate rounding to
+        // decimal-digits decimal places. If that rounded value is 0, then the value will be rendered with only 0s.
+        return Math.round(number * this.tenPowDecimalDigits) === 0;
+    }
 }
 //# sourceMappingURL=decimal-formatter.js.map

package/dist/esm/table-column/number-text/models/decimal-formatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"decimal-formatter.js","sourceRoot":"","sources":["../../../../../src/table-column/number-text/models/decimal-formatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,eAAe;IAGjD,YAAmB,iBAAyB;QACxC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;YAC9C,qBAAqB,EAAE,iBAAiB;YACxC,qBAAqB,EAAE,iBAAiB;YACxC,WAAW,EAAE,IAAI;SACpB,CAAC,CAAC;IACP,CAAC;IAES,MAAM,CAAC,MAAc;QAC3B,yGAAyG;QACzG,4GAA4G;QAC5G,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAChD,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC;CACJ"}
+{"version":3,"file":"decimal-formatter.js","sourceRoot":"","sources":["../../../../../src/table-column/number-text/models/decimal-formatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,eAAe;IAIjD,YAAmB,iBAAyB;QACxC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;YAC9C,qBAAqB,EAAE,iBAAiB;YACxC,qBAAqB,EAAE,iBAAiB;YACxC,WAAW,EAAE,IAAI;SACpB,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,GAAG,EAAE,IAAI,iBAAiB,CAAC;IACvD,CAAC;IAES,MAAM,CAAC,MAAc;QAC3B,yGAAyG;QACzG,4GAA4G;QAC5G,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAChE,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC;IAEO,eAAe,CAAC,MAAc;QAClC,0GAA0G;QAC1G,2GAA2G;QAC3G,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "20.2.3",
+  "version": "20.2.4",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",