Merge pull request #2 from Tracktor/feat/add-option-price-adapter

feat(price): add hide decimal option in priceAdapter.ts

Author: MickaelAustoni

CHANGELOG.md

@@ -1,4 +1,4 @@
 # [Versions](https://github.com/Tracktor/react-utils/releases)
 
-## v1.19.2
-- **[fix]** : `isArray` type
+## v1.20.0
+- **[feat]** : dynamic display of decimal from priceAdapter

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tracktor/react-utils",
   "description": "React data table and react data grid",
-  "version": "1.19.2",
+  "version": "1.20.0",
   "private": false,
   "license": "ISC",
   "type": "module",

src/utils/adapter/priceAdapter/priceAdatper.ts

@@ -1,38 +1,48 @@
 interface Options {
   local?: string;
   currency?: string;
-  maximumSignificantDigits?: number;
   style?: string;
 }
 
 const defaultOptions = {
   currency: "EUR",
   local: "fr-FR",
-  maximumSignificantDigits: 1,
   style: "currency",
 };
 
 /**
  * Adapt price to local display format
- * exemple: priceAdapter(1000) -> 1 000,00 €
+ * exemple: priceAdapter(1000) -> 1 000 €
+ * exemple: priceAdapter(1000.5) -> 1 000,50 €
  * @param value
- * @param options @default { local: "fr-FR", currency: "EUR", maximumSignificantDigits: 1, style: "currency" }
+ * @param options @default { local: "fr-FR", currency: "EUR", style: "currency" }
  */
 export const priceAdapter = (value?: number | null, options?: Options) => {
-  const { currency, local, maximumSignificantDigits, style } = { ...defaultOptions, ...options };
+  const { currency, local, style } = {
+    ...defaultOptions,
+    ...options,
+  };
 
   if (!value) {
     return new Intl.NumberFormat(local, {
       currency,
-      maximumSignificantDigits,
+      maximumFractionDigits: 0,
+      minimumFractionDigits: 0,
       style,
     }).format(0);
   }
 
-  return new Intl.NumberFormat(local, {
+  // Check if the value is an integer
+  const isInteger = Number.isInteger(value);
+
+  const formatOptions = {
     currency,
+    maximumFractionDigits: isInteger ? 0 : 2,
+    minimumFractionDigits: isInteger ? 0 : 2,
     style,
-  }).format(value);
+  };
+
+  return new Intl.NumberFormat(local, formatOptions).format(value);
 };
 
 export default priceAdapter;

src/utils/adapter/priceAdapter/test/priceAdapter.test.ts

@@ -4,21 +4,31 @@ import priceAdapter from "@/utils/adapter/priceAdapter";
 describe("priceAdapter", () => {
   test("default local price", () => {
     const price = priceAdapter(1000);
-    expect(price).toBe("1 000,00 €");
+    expect(price).toBe("1 000 €");
   });
 
   test("negative price", () => {
     const price = priceAdapter(-1);
-    expect(price).toBe("-1,00 €");
+    expect(price).toBe("-1 €");
   });
 
   test("other local price", () => {
     const price = priceAdapter(500, { local: "us-US" });
-    expect(price).toBe("€500.00");
+    expect(price).toBe("€500");
   });
 
   test("with no value", () => {
     const price = priceAdapter();
     expect(price).toBe("0 €");
   });
+
+  test("with decimal value", () => {
+    const price = priceAdapter(1000.5);
+    expect(price).toBe("1 000,50 €");
+  });
+
+  test("with zero decimal value", () => {
+    const price = priceAdapter(1000.0);
+    expect(price).toBe("1 000 €");
+  });
 });