column labler formatter should handle decimals

web/src/lib/columnFormatter.test.ts

@@ -18,6 +18,35 @@ describe('formatLabel', () => {
       ).toBe('1,234.567');
     });
 
+    it('should format should pad the digits', () => {
+      expect(
+        formatLabel(1234, {
+          columnType: 'number',
+          style: 'number',
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 3
+        })
+      ).toBe('1,234.00');
+
+      expect(
+        formatLabel(1234.49, {
+          columnType: 'number',
+          style: 'number',
+          minimumFractionDigits: 4,
+          maximumFractionDigits: 4
+        })
+      ).toBe('1,234.4900');
+
+      expect(
+        formatLabel(1234.49, {
+          columnType: 'number',
+          style: 'number',
+          minimumFractionDigits: 1,
+          maximumFractionDigits: 1
+        })
+      ).toBe('1,234.5');
+    });
+
     it('should format currency values', () => {
       expect(
         formatLabel(1234.56, {

web/src/lib/columnFormatter.ts

@@ -72,6 +72,7 @@ export const formatLabel = (
   ) {
     const newNumber = Number(text) * multiplier;
     const roundedNumber = roundNumber(newNumber, minimumFractionDigits, maximumFractionDigits);
+
     if (style === 'currency') {
       formattedText = formatNumber(roundedNumber, {
         currency,
@@ -79,6 +80,7 @@ export const formatLabel = (
       });
     } else {
       formattedText = formatNumber(roundedNumber, {
+        minDecimals: minimumFractionDigits,
         minimumFractionDigits: Math.min(minimumFractionDigits, maximumFractionDigits),
         maximumFractionDigits: Math.max(minimumFractionDigits, maximumFractionDigits),
         useGrouping: numberSeparatorStyle !== null,

web/src/lib/numbers.test.ts

@@ -57,4 +57,15 @@ describe('formatNumber', () => {
       '$3,363,690.40'
     );
   });
+
+  test('handles padding, should add zeros to the right', () => {
+    // formattedText = formatNumber(roundedNumber, {
+    //   minimumFractionDigits: Math.min(minimumFractionDigits, maximumFractionDigits),
+    //   maximumFractionDigits: Math.max(minimumFractionDigits, maximumFractionDigits),
+    //   useGrouping: numberSeparatorStyle !== null,
+    //   compact: compactNumbers
+    // });
+
+    expect(formatNumber(1234, { minDecimals: 2 })).toBe('1,234.00');
+  });
 });