cr-ui-lib 1.1.61 → 1.1.62

package/dist/index.js

@@ -225,6 +225,14 @@ var LineChart = ({
 }) => {
   const chartRef = React.useRef(null);
   const [chartKey, setChartKey] = React.useState(`chart-${Date.now()}`);
+  const formatValueWithCommas = (value) => {
+    if (value == null || value === "") return "";
+    const num = Number(value);
+    if (!isNaN(num)) {
+      return num.toLocaleString("en-US");
+    }
+    return String(value);
+  };
   React.useEffect(() => {
     const handleResize = () => {
       setChartKey(`chart-${Date.now()}`);
@@ -287,6 +295,7 @@ var LineChart = ({
             }
             const dataPoint = (_a = tooltipModel.dataPoints) == null ? void 0 : _a[0];
             const value = dataPoint == null ? void 0 : dataPoint.parsed.y;
+            const formattedValue = formatValueWithCommas(value);
             const label2 = dataPoint == null ? void 0 : dataPoint.label;
             const arrowSize = 8;
             const position = context.chart.canvas.getBoundingClientRect();
@@ -303,7 +312,7 @@ var LineChart = ({
                   <svg width="10" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M0.416687 3.36663H2.16669V9.08329H0.416687V3.36663ZM3.68335 0.916626H5.31669V9.08329H3.68335V0.916626ZM6.95002 5.58329H8.58335V9.08329H6.95002V5.58329Z" fill="#4683B4"/>
                   </svg>&nbsp;
-                  ${labelPopupTitle}: <span style="color:#757575;">&nbsp;${value}</span>
+                  ${labelPopupTitle}: <span style="color:#757575;">&nbsp;${formattedValue}</span>
                 </span>  
               </div>
             </div>
@@ -372,7 +381,7 @@ var LineChart = ({
                        fill="#4683B4"
                      />
                    </svg>`}&nbsp;
-                ${labelPopupTitle}: <span style="color:#131414;">&nbsp;${value}</span>
+                ${labelPopupTitle}: <span style="color:#131414;">&nbsp;${formattedValue}</span>
               </span>  
             </div>
           </div>