pace-table-lib 1.0.61 → 1.0.62

package/dist/pace-table-lib.umd.js

@@ -7897,7 +7897,7 @@
   const TOTAL = "Total";
   const MONTHS_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   const MONTHS_FULL = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-  const DATE_FORMATS$1 = [
+  const DATE_FORMATS = [
     "MMM-YY",
     "DD-MM-YYYY",
     "MM-DD-YYYY",
@@ -8149,15 +8149,15 @@
     return value;
   }
   function formatValue(value, format, decimalValues = 2, displayUnit = DISPLAY_UNITS_OBJ.NONE) {
+    let safeDecimalValues = Number(decimalValues);
     try {
-      let safeDecimalValues = Number(decimalValues);
       if (!Number.isFinite(safeDecimalValues) && safeDecimalValues !== 0) {
         safeDecimalValues = 2;
       }
       safeDecimalValues = Math.min(20, Math.max(0, Math.floor(safeDecimalValues)));
       let floatValue = Number(value);
       if (isNaN(floatValue)) return value;
-      if (DATE_FORMATS$1.includes(format)) {
+      if (DATE_FORMATS.includes(format)) {
         if (floatValue > 2958465 || floatValue <= 0) return value;
         return formatDate(floatValue, format);
       }
@@ -8187,13 +8187,22 @@
         [VALUE_FORMAT_OBJ.CURRENCY_GBP_SHORT]: { currency: "GBP", locale: "en-GB" },
         [VALUE_FORMAT_OBJ.CURRENCY_EUR]: { currency: "EUR", locale: "en-US" },
         [VALUE_FORMAT_OBJ.CURRENCY_EUR_SHORT]: { currency: "EUR", locale: "en-US" },
-        [VALUE_FORMAT_OBJ.CURRENCY_CAD]: { currency: "CAD", locale: "en-CA" },
-        [VALUE_FORMAT_OBJ.CURRENCY_CAD_SHORT]: { currency: "CAD", locale: "en-CA" },
+        [VALUE_FORMAT_OBJ.CURRENCY_CAD]: { currency: "CAD", locale: "en-US" },
+        [VALUE_FORMAT_OBJ.CURRENCY_CAD_SHORT]: { currency: "CAD", locale: "en-US" },
         [VALUE_FORMAT_OBJ.CURRENCY_CHF]: { currency: "CHF", locale: "de-CH" },
         [VALUE_FORMAT_OBJ.CURRENCY_CHF_SHORT]: { currency: "CHF", locale: "de-CH" }
       };
       if (currencyMap[format]) {
         const { currency, locale } = currencyMap[format];
+        if (currency === "CAD") {
+          const isNegative = floatValue < 0;
+          let formattedCad = new Intl.NumberFormat(locale, {
+            minimumFractionDigits: safeDecimalValues,
+            maximumFractionDigits: safeDecimalValues
+          }).format(Math.abs(floatValue));
+          formattedCad = (isNegative ? "-" : "") + "C$" + formattedCad;
+          return formattedCad + displayUnitsPostFix;
+        }
         const formatted = new Intl.NumberFormat(locale, {
           style: "currency",
           currency,
@@ -8217,6 +8226,7 @@
         case VALUE_FORMAT_OBJ.GENERAL_EMPTY:
           return floatFixedVal + displayUnitsPostFix;
       }
+      return value?.toFixed(safeDecimalValues);
     } catch (error) {
       console.error("Error in formatValue:", error);
       return value;
@@ -17368,9 +17378,9 @@
       RowTotal,
       ColumnTotal,
       TotalHeaderPosition,
-      NumberFormat: NumberFormat2,
+      NumberFormat,
       DataFieldDecimalPrecision,
-      DisplayUnits: DisplayUnits2,
+      DisplayUnits,
       DataFieldFontFamily,
       DataFieldFontSize,
       Textalign,
@@ -17416,6 +17426,16 @@
         document.removeEventListener("scroll", hide);
       };
     }, []);
+    React.useEffect(() => {
+      scrollLeftRef.current = 0;
+      scrollTopRef.current = 0;
+      if (colHeaderWrapperRef.current) {
+        colHeaderWrapperRef.current.style.left = `0px`;
+      }
+      if (rowHeaderWrapperRef.current) {
+        rowHeaderWrapperRef.current.style.top = `0px`;
+      }
+    }, [isFitTableOn]);
     const rowHeaderFont = React.useMemo(() => ({
       color: RowHeader.RowHeaderColor,
       fontFamily: RowHeader.RowHeaderFontFamily,
@@ -17715,9 +17735,9 @@
         }
         let label = formatValue(
           grandTotal,
-          NumberFormat2,
+          NumberFormat,
           DataFieldDecimalPrecision,
-          DisplayUnits2
+          DisplayUnits
         );
         const toolTipVal = formatValue(grandTotal, ToolTipNumberFormat, ToolTipDecimalPrecision);
         if (DataField.hasOwnProperty("percentageBy") && DataField.percentageBy && DataField.percentageBy?.toLowerCase() !== "absolute") {
@@ -17832,9 +17852,9 @@
       rowHeaderFont,
       dataCellFont,
       grandTotal,
-      NumberFormat2,
+      NumberFormat,
       DataFieldDecimalPrecision,
-      DisplayUnits2,
+      DisplayUnits,
       isFitTableOn
     ]);
     const renderLeftFixedHeaders = React.useMemo(
@@ -17919,7 +17939,7 @@
             }
           } else {
             columnTotalRow.forEach((item, idx) => {
-              let label = formatValue(item.columnTotal, NumberFormat2, DataFieldDecimalPrecision, DisplayUnits2);
+              let label = formatValue(item.columnTotal, NumberFormat, DataFieldDecimalPrecision, DisplayUnits);
               const innerBg = getBgColorForDataBar(0, idx);
               if (DataField.hasOwnProperty("percentageBy") && DataField.percentageBy && DataField.percentageBy?.toLowerCase() !== "absolute") {
                 label = formatValue(1, VALUE_FORMAT_OBJ.PERCENT_SHORT);
@@ -18038,9 +18058,9 @@
         dataCellFont,
         dataColors,
         // formatting
-        NumberFormat2,
+        NumberFormat,
         DataFieldDecimalPrecision,
-        DisplayUnits2,
+        DisplayUnits,
         rowCellHeight,
         fixedColWidth,
         // handlers
@@ -18095,7 +18115,7 @@
               if (lastP !== null) groupIndex++;
               lastP = parent;
             }
-            let label = formatValue(row.rowTotal, NumberFormat2, DataFieldDecimalPrecision, DisplayUnits2);
+            let label = formatValue(row.rowTotal, NumberFormat, DataFieldDecimalPrecision, DisplayUnits);
             if (DataField.hasOwnProperty("percentageBy") && DataField.percentageBy && DataField.percentageBy?.toLowerCase() !== "absolute") {
               label = formatValue(1, VALUE_FORMAT_OBJ.PERCENT_SHORT);
             }
@@ -18289,9 +18309,9 @@
       leftFixedCellNameList,
       isSparkLineVisible,
       isSlAtStart,
-      NumberFormat2,
+      NumberFormat,
       DataFieldDecimalPrecision,
-      DisplayUnits2,
+      DisplayUnits,
       ShowHeatMap,
       rowHeaderBandColorMap,
       parentBandColorMap,
@@ -18329,9 +18349,9 @@
     }
     function getMeasureFormattingObj(givenMeasureName) {
       const defaultFormat = {
-        numberFormat: NumberFormat2,
+        numberFormat: NumberFormat,
         decimalPrecision: DataFieldDecimalPrecision,
-        displayUnits: DisplayUnits2
+        displayUnits: DisplayUnits
       };
       if (!givenMeasureName || !measureFormatConfigs?.length) {
         return defaultFormat;
@@ -18388,7 +18408,8 @@
             }
             return false;
           }
-          return compareVal(value, format.operator, format.checkValue);
+          const formattedValue = formatValue(value, void 0, DataFieldDecimalPrecision);
+          return compareVal(formattedValue, format.operator, format.checkValue);
         } catch {
           return false;
         }
@@ -18783,43 +18804,7 @@
       )
     ] });
   }
-  var NumberFormat = /* @__PURE__ */ ((NumberFormat2) => {
-    NumberFormat2["General"] = "General";
-    NumberFormat2["CommaSeparated"] = "Comma Separated";
-    NumberFormat2["Percentage"] = "Percentage";
-    NumberFormat2["Scientific"] = "Scientific";
-    NumberFormat2["CurrencyUSD"] = "Currency-USD";
-    NumberFormat2["CurrencyCAD"] = "Currency-CAD";
-    NumberFormat2["CurrencyEUR"] = "Currency-EUR";
-    NumberFormat2["CurrencyCHF"] = "Currency-CHF";
-    NumberFormat2["CurrencyUK"] = "Currency-UK";
-    NumberFormat2["CurrencyINR"] = "Currency-INR";
-    return NumberFormat2;
-  })(NumberFormat || {});
-  var DisplayUnits = /* @__PURE__ */ ((DisplayUnits2) => {
-    DisplayUnits2["Thousands"] = "Thousands";
-    DisplayUnits2["Millions"] = "Millions";
-    DisplayUnits2["Billions"] = "Billions";
-    return DisplayUnits2;
-  })(DisplayUnits || {});
   const NO_ENTRY_TOKENS = ["nolegendentryrow", "nocolentry"];
-  const DATE_FORMATS = [
-    "DD-MM-YYYY",
-    "MM-DD-YYYY",
-    "YYYY-MM-DD",
-    "YYYY",
-    "DD-MM",
-    "MMM-YY",
-    "MMM-YYYY",
-    "YY-MMM",
-    "MM-YYYY",
-    "YYYY-MM",
-    "MMMM-YYYY",
-    "MMMM-YY",
-    "DD-MMM",
-    "DD-MMM-YY",
-    "DD-MMM-YYYY"
-  ];
   function hexToRgb(hex) {
     const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
     return result ? {
@@ -18865,91 +18850,6 @@
     }
     return "";
   }
-  function formatCellValue(value, formatConfig) {
-    if (value === null || value === void 0 || value === "") return "-";
-    if (formatConfig?.numberFormat && DATE_FORMATS.includes(formatConfig.numberFormat) && (value === 0 || value === "0" || value === "" || Number(value) === 0)) {
-      return "0";
-    }
-    if (formatConfig?.numberFormat && DATE_FORMATS.includes(formatConfig.numberFormat)) {
-      return applyDateFormat(String(value), formatConfig.numberFormat);
-    }
-    const num = typeof value === "string" ? parseFloat(value) : value;
-    if (isNaN(num)) return String(value);
-    let formatted = num;
-    let suffix = "";
-    switch (formatConfig?.displayUnits) {
-      case DisplayUnits.Thousands:
-        formatted = num / 1e3;
-        suffix = "K";
-        break;
-      case DisplayUnits.Millions:
-        formatted = num / 1e6;
-        suffix = "M";
-        break;
-      case DisplayUnits.Billions:
-        formatted = num / 1e9;
-        suffix = "B";
-        break;
-    }
-    const precision = formatConfig?.decimalPrecision ?? 0;
-    switch (formatConfig?.numberFormat) {
-      case NumberFormat.General:
-        return formatted.toString() + suffix;
-      case NumberFormat.CommaSeparated:
-        return formatted.toLocaleString(void 0, {
-          minimumFractionDigits: precision,
-          maximumFractionDigits: precision
-        }) + suffix;
-      case NumberFormat.Percentage:
-        return `${(formatted * 100).toFixed(precision)}%`;
-      case NumberFormat.Scientific:
-        return formatted.toExponential(precision);
-      case NumberFormat.CurrencyUSD:
-        return formatted.toLocaleString("en-US", {
-          style: "currency",
-          currency: "USD",
-          minimumFractionDigits: precision,
-          maximumFractionDigits: precision
-        });
-      case NumberFormat.CurrencyCAD:
-        return formatted.toLocaleString("en-CA", {
-          style: "currency",
-          currency: "CAD",
-          minimumFractionDigits: precision,
-          maximumFractionDigits: precision
-        });
-      case NumberFormat.CurrencyEUR:
-        return formatted.toLocaleString("de-DE", {
-          style: "currency",
-          currency: "EUR",
-          minimumFractionDigits: precision,
-          maximumFractionDigits: precision
-        });
-      case NumberFormat.CurrencyCHF:
-        return formatted.toLocaleString("de-CH", {
-          style: "currency",
-          currency: "CHF",
-          minimumFractionDigits: precision,
-          maximumFractionDigits: precision
-        });
-      case NumberFormat.CurrencyUK:
-        return formatted.toLocaleString("en-GB", {
-          style: "currency",
-          currency: "GBP",
-          minimumFractionDigits: precision,
-          maximumFractionDigits: precision
-        });
-      case NumberFormat.CurrencyINR:
-        return formatted.toLocaleString("en-IN", {
-          style: "currency",
-          currency: "INR",
-          minimumFractionDigits: precision,
-          maximumFractionDigits: precision
-        });
-      default:
-        return formatted.toString() + suffix;
-    }
-  }
   function getCellBackgroundColor(isEven, _ribbon, styleProps, isRowHeader = false) {
     if (isRowHeader) {
       if (styleProps.RowHeader.RowHeaderBackgroundcolor === "Alternating")
@@ -19946,7 +19846,7 @@
           decimalPrecision: conditionalFormatObj?.decimalPrecision ?? measureFmt.decimalPrecision,
           displayUnits: conditionalFormatObj?.displayUnits ?? measureFmt.displayUnits
         };
-        const formattedValue = isPercentageMode ? `${(Number(rawValue) * 100).toFixed(resolvedFormat.decimalPrecision ?? 2)}%` : formatCellValue(String(rawValue), resolvedFormat);
+        const formattedValue = isPercentageMode ? `${(Number(rawValue) * 100).toFixed(resolvedFormat.decimalPrecision ?? 2)}%` : formatValue(rawValue, resolvedFormat.numberFormat, resolvedFormat.decimalPrecision, resolvedFormat.displayUnits);
         const isSubtotalCell = row.isSubtotal || col.isSubtotal;
         const bi = rowBandMap[row.segments[0]] ?? 0;
         const cbi = colBandMap[col.year] ?? 0;
@@ -20003,12 +19903,7 @@
             }
             tooltipValue = total !== 0 ? `${(Number(rawValue) / total * 100).toFixed(2)}%` : "0.00%";
           } else {
-            tooltipValue = formatCellValue(String(rawValue), {
-              measureIndex: activeFormat?.measureIndex ?? 0,
-              numberFormat: tableStyleProps.ToolTip.ToolTipNumberFormat,
-              decimalPrecision: tableStyleProps.ToolTip.ToolTipDecimalPrecision,
-              displayUnits: measureFmt.displayUnits ?? "None"
-            });
+            tooltipValue = formatValue(rawValue, tableStyleProps.ToolTip.ToolTipNumberFormat, tableStyleProps.ToolTip.ToolTipDecimalPrecision);
           }
         }
         let percentage = 0;