@visns-studio/visns-components 5.7.7 → 5.7.9

package/src/components/crm/generic/utils/formatters.js

@@ -0,0 +1,43 @@
+/**
+ * Format a number with thousand separators (commas)
+ * @param {number|string} value - The value to format
+ * @param {number} [decimals=2] - Number of decimal places
+ * @returns {string} - Formatted number string
+ */
+export const formatNumber = (value, decimals = 2) => {
+    if (!value && value !== 0) return '';
+
+    // Parse the value to make sure it's a number
+    const numValue = parseFloat(String(value).replace(/[^0-9.-]+/g, ''));
+
+    if (isNaN(numValue)) return value;
+
+    // Format with specified decimal places and thousand separators
+    return numValue.toLocaleString('en-US', {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    });
+};
+
+/**
+ * Format a number as currency with dollar sign and thousand separators
+ * @param {number|string} value - The value to format
+ * @returns {string} - Formatted currency string
+ */
+export const formatCurrency = (value) => {
+    if (!value && value !== 0) return '';
+
+    // Parse the value to make sure it's a number
+    const numValue = parseFloat(String(value).replace(/[^0-9.-]+/g, ''));
+
+    if (isNaN(numValue)) return value;
+
+    // Format with 2 decimal places, thousand separators, and dollar sign
+    return (
+        '$' +
+        numValue.toLocaleString('en-US', {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        })
+    );
+};