pace-table-lib 1.0.37 → 1.0.40

package/dist/components/StaticTable/StaticTableTypeDec.types.d.ts

@@ -55,8 +55,6 @@ type TableDataTypes = {
         minValueInRow: number;
     }[];
     totalNumberOfRows: number;
-    rowDateFormatObj?: any;
-    columnDateFormatObj?: any;
 };
 type TableStyleConfig = {
     ToolTip: {
@@ -233,6 +231,8 @@ type TableStyleConfig = {
     Styles: {
         idOfAppliedStyle: string;
     };
+    ColumnDateFormat: any;
+    RowDateFormat: any;
 };
 export declare enum CONDITIONAL_FORMAT_FOR {
     VALUE = 0,

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

@@ -8120,7 +8120,7 @@ function formatDate(value, formatKey) {
 function formatValue(value, format, decimalValues = 2, displayUnit = DISPLAY_UNITS_OBJ.NONE) {
   try {
     let safeDecimalValues = Number(decimalValues);
-    if (!Number.isFinite(safeDecimalValues)) {
+    if (!Number.isFinite(safeDecimalValues) && safeDecimalValues !== 0) {
       safeDecimalValues = 2;
     }
     safeDecimalValues = Math.min(20, Math.max(0, Math.floor(safeDecimalValues)));
@@ -8174,13 +8174,18 @@ function formatValue(value, format, decimalValues = 2, displayUnit = DISPLAY_UNI
     if (format === VALUE_FORMAT_OBJ.SCIENTIFIC || format === VALUE_FORMAT_OBJ.SCIENTIFIC_SHORT) {
       return floatValue.toExponential(safeDecimalValues) + displayUnitsPostFix;
     }
-    if (format === VALUE_FORMAT_OBJ.COMMA || format === VALUE_FORMAT_OBJ.COMMA_SHORT || format === VALUE_FORMAT_OBJ.GENERAL || format === VALUE_FORMAT_OBJ.GENERAL_EMPTY) {
-      return new Intl.NumberFormat(void 0, {
-        minimumFractionDigits: safeDecimalValues,
-        maximumFractionDigits: safeDecimalValues
-      }).format(floatValue) + displayUnitsPostFix;
+    const floatFixedVal = floatValue.toFixed(safeDecimalValues);
+    switch (format) {
+      case VALUE_FORMAT_OBJ.COMMA:
+      case VALUE_FORMAT_OBJ.COMMA_SHORT:
+        return floatValue.toLocaleString(void 0, {
+          minimumFractionDigits: safeDecimalValues,
+          maximumFractionDigits: safeDecimalValues
+        }) + displayUnitsPostFix;
+      case VALUE_FORMAT_OBJ.GENERAL:
+      case VALUE_FORMAT_OBJ.GENERAL_EMPTY:
+        return floatFixedVal + displayUnitsPostFix;
     }
-    return floatValue.toFixed(safeDecimalValues) + displayUnitsPostFix;
   } catch (error) {
     console.error("Error in formatValue:", error);
     return value;
@@ -17469,13 +17474,12 @@ function StaticTable({
       rowCellH = newRowHeight;
     }
     if (isFitTableOn) {
-      const baseColWidth = Math.floor((tableWidth - 1) / columnCount);
-      const extraWidth = tableWidth - baseColWidth * columnCount;
-      nonFixColCellW = baseColWidth;
-      fixedColCellW = baseColWidth + extraWidth;
-      const baseRowHeight = Math.floor(tableHeight / rowCount);
-      rowCellH = baseRowHeight;
-      colCellH = baseRowHeight;
+      const sharedWidth = Math.floor((tableWidth - 5) / columnCount);
+      const sharedHeight = Math.floor((tableHeight - 5) / rowCount);
+      colCellH = sharedHeight;
+      rowCellH = sharedHeight;
+      nonFixColCellW = sharedWidth;
+      fixedColCellW = sharedWidth;
     }
     return {
       colCellHeight: Number(colCellH),
@@ -17792,8 +17796,8 @@ function StaticTable({
             if (isFirstOccurrence(dimensionMarks, i, level)) {
               const span = getSpan(dimensionMarks, i, level);
               let colLabel = getCleanString(dimensionMarks[i][level]);
-              if (tableData.hasOwnProperty("columnDateFormatObj") && tableData?.columnDateFormatObj) {
-                const dFormat = tableData.columnDateFormatObj[level];
+              if (tableStyleProps?.ColumnDateFormat) {
+                const dFormat = tableStyleProps?.ColumnDateFormat[level];
                 if (dFormat) {
                   colLabel = formatValue(colLabel, dFormat);
                 }
@@ -17899,7 +17903,6 @@ function StaticTable({
       // data
       dimensionMarks,
       columnTotalRow,
-      tableData.columnDateFormatObj,
       // layout
       fixedRowCount,
       fixedColCount,
@@ -17935,6 +17938,17 @@ function StaticTable({
   const renderMergedColHeaders = useMemo(() => colHeadersBase?.map(
     (h) => renderDataCell(h.label, h, "col_header_cell_div", h.childClassName, h.label, h.dataBarColor)
   ), [colHeadersBase]);
+  const rowHeaderBandColorMap = useMemo(() => {
+    const map = {};
+    const uniqueParents = [
+      ...new Set(measuresBySlice.map((m) => m.sliceMark[0] ?? ""))
+    ];
+    const additionFactor = isColTotalOn && headerAtStart ? 0 : 1;
+    uniqueParents.forEach((parent, index) => {
+      map[parent] = getBgColorForCell(index + additionFactor, rowColors);
+    });
+    return map;
+  }, [measuresBySlice, rowColors]);
   const rowHeadersBase = useMemo(() => {
     const headers = [];
     const marks = measuresBySlice.map((m) => m.sliceMark);
@@ -17992,14 +18006,13 @@ function StaticTable({
         if (isFirstOccurrence(marks, i, level)) {
           const span = getSpan(marks, i, level);
           let rowLabel = marks[i][level];
-          if (tableData.hasOwnProperty("rowDateFormatObj") && tableData?.rowDateFormatObj) {
-            const dFormat = tableData.rowDateFormatObj[level];
+          if (tableStyleProps?.RowDateFormat) {
+            const dFormat = tableStyleProps?.RowDateFormat[level];
             if (dFormat) {
               rowLabel = formatValue(rowLabel, dFormat);
             }
           }
-          const newIndex = isColTotalOn && headerAtStart ? groupIndex - 1 : groupIndex;
-          const finalStyleForRow = getFinalStyleObj(STYLE_FOR.ROW, baseStyleObj, rowLabel, level, newIndex);
+          const finalStyleForRow = getFinalStyleObj(STYLE_FOR.ROW, baseStyleObj, rowLabel, level, parent);
           const tooltipValue = formatValue(marks[i][level], ToolTipNumberFormat, ToolTipDecimalPrecision);
           headers.push({
             ...finalStyleForRow,
@@ -18108,6 +18121,7 @@ function StaticTable({
     DataFieldDecimalPrecision,
     DisplayUnits,
     ShowHeatMap,
+    rowHeaderBandColorMap,
     parentBandColorMap,
     rowColors,
     dataBarMatrix,
@@ -18164,6 +18178,7 @@ function StaticTable({
     const typeKey = ConFormattingTypeMap[formatFor];
     const obj = {};
     const arr = conditionalFormatsByType[typeKey] || [];
+    if (arr.length <= 0) return;
     for (const format of arr) {
       if (shouldApplyFormat(value, format, formatFor, level)) {
         applyFormat(obj, format);
@@ -18208,7 +18223,7 @@ function StaticTable({
     }
     return false;
   }
-  function getFinalStyleObj(styleFor, baseStyle, label, index, groupIndex) {
+  function getFinalStyleObj(styleFor, baseStyle, label, index, parentLabel) {
     let style = { ...baseStyle };
     switch (styleFor) {
       // Priority 1: Conditional Formatting overrides everything
@@ -18219,7 +18234,7 @@ function StaticTable({
       }
       case STYLE_FOR.ROW: {
         const conFormatForRow = index > 0 && getConditionalFormat(label, CONDITIONAL_FORMAT_FOR.ROW, index);
-        style.background = getBgColorForCell(groupIndex, rowColors);
+        style.background = rowHeaderBandColorMap[parentLabel];
         style = applyConditionalFormatting(style, conFormatForRow);
         return style;
       }