pace-table-lib 1.0.61 → 1.0.62

package/dist/components/StaticTable/HelperFunctions.d.ts

@@ -5,7 +5,7 @@ export declare function getCleanString(dimensionMark: string): string;
 export declare function isFirstOccurrence(arr: string[][], index: number, level: number): boolean;
 export declare function getBgColorForCell(dataIndex: number, colorObj: BgColorObj): string;
 export declare function getBgColor(obj: any, type: "row" | "dataField" | "column"): BgColorObj;
-export declare function formatValue(value: any, format: string, decimalValues?: number, displayUnit?: DisplayUnitsType): any;
+export declare function formatValue(value: any, format: any, decimalValues?: number, displayUnit?: DisplayUnitsType): any;
 export declare function getFontStyleObj(stylePayload: any): CSSProperties;
 export declare function interpolateColor(minColor: string, maxColor: string, ratio: number): string;
 export declare function computeMatrix<T>(rawDataMatrix: number[][], mode: "All" | "Column-wise" | "Row-wise", transformFn: (v: number, min: number, max: number) => T): T[][];

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

@@ -7879,7 +7879,7 @@ var STYLE_FOR = /* @__PURE__ */ ((STYLE_FOR2) => {
 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",
@@ -8131,15 +8131,15 @@ function formatDate(value, formatKey) {
   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);
     }
@@ -8169,13 +8169,22 @@ function formatValue(value, format, decimalValues = 2, displayUnit = DISPLAY_UNI
       [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,
@@ -8199,6 +8208,7 @@ function formatValue(value, format, decimalValues = 2, displayUnit = DISPLAY_UNI
       case VALUE_FORMAT_OBJ.GENERAL_EMPTY:
         return floatFixedVal + displayUnitsPostFix;
     }
+    return value?.toFixed(safeDecimalValues);
   } catch (error) {
     console.error("Error in formatValue:", error);
     return value;
@@ -17350,9 +17360,9 @@ function StaticTable({
     RowTotal,
     ColumnTotal,
     TotalHeaderPosition,
-    NumberFormat: NumberFormat2,
+    NumberFormat,
     DataFieldDecimalPrecision,
-    DisplayUnits: DisplayUnits2,
+    DisplayUnits,
     DataFieldFontFamily,
     DataFieldFontSize,
     Textalign,
@@ -17398,6 +17408,16 @@ function StaticTable({
       document.removeEventListener("scroll", hide);
     };
   }, []);
+  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 = useMemo(() => ({
     color: RowHeader.RowHeaderColor,
     fontFamily: RowHeader.RowHeaderFontFamily,
@@ -17697,9 +17717,9 @@ function StaticTable({
       }
       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") {
@@ -17814,9 +17834,9 @@ function StaticTable({
     rowHeaderFont,
     dataCellFont,
     grandTotal,
-    NumberFormat2,
+    NumberFormat,
     DataFieldDecimalPrecision,
-    DisplayUnits2,
+    DisplayUnits,
     isFitTableOn
   ]);
   const renderLeftFixedHeaders = useMemo(
@@ -17901,7 +17921,7 @@ function StaticTable({
           }
         } 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);
@@ -18020,9 +18040,9 @@ function StaticTable({
       dataCellFont,
       dataColors,
       // formatting
-      NumberFormat2,
+      NumberFormat,
       DataFieldDecimalPrecision,
-      DisplayUnits2,
+      DisplayUnits,
       rowCellHeight,
       fixedColWidth,
       // handlers
@@ -18077,7 +18097,7 @@ function StaticTable({
             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);
           }
@@ -18271,9 +18291,9 @@ function StaticTable({
     leftFixedCellNameList,
     isSparkLineVisible,
     isSlAtStart,
-    NumberFormat2,
+    NumberFormat,
     DataFieldDecimalPrecision,
-    DisplayUnits2,
+    DisplayUnits,
     ShowHeatMap,
     rowHeaderBandColorMap,
     parentBandColorMap,
@@ -18311,9 +18331,9 @@ function StaticTable({
   }
   function getMeasureFormattingObj(givenMeasureName) {
     const defaultFormat = {
-      numberFormat: NumberFormat2,
+      numberFormat: NumberFormat,
       decimalPrecision: DataFieldDecimalPrecision,
-      displayUnits: DisplayUnits2
+      displayUnits: DisplayUnits
     };
     if (!givenMeasureName || !measureFormatConfigs?.length) {
       return defaultFormat;
@@ -18370,7 +18390,8 @@ function StaticTable({
           }
           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;
       }
@@ -18765,43 +18786,7 @@ function StaticTable({
     )
   ] });
 }
-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 ? {
@@ -18847,91 +18832,6 @@ function getRowDisplayName(segments, measureValue) {
   }
   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")
@@ -19928,7 +19828,7 @@ const PivotTable = ({
         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;
@@ -19985,12 +19885,7 @@ const PivotTable = ({
           }
           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;