pace-table-lib 1.0.16 → 1.0.18

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

@@ -11,7 +11,7 @@
   }
 })();
 import * as React from "react";
-import React__default, { cloneElement, useRef, useMemo } from "react";
+import React__default, { cloneElement, useRef, useMemo, useEffect } from "react";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -8299,6 +8299,8 @@ function StaticTable({
   const rowColors = getBgColor(RowHeader, "row");
   const colColors = getBgColor(ColumnHeader, "column");
   const dataColors = getBgColor(DataField, "dataField");
+  const isColHeaderVisible = !ColumnHeader?.HideColumnHeader;
+  const isRowHeaderVisible = !RowHeader?.HideRowHeader;
   const rowHeaderFont = useMemo(() => ({
     color: RowHeader.RowHeaderColor,
     fontFamily: RowHeader.RowHeaderFontFamily,
@@ -8327,10 +8329,16 @@ function StaticTable({
     HeatMapMaxColor
   } = HeatMap || {};
   const fixedRowCount = useMemo(() => {
+    if (!isColHeaderVisible) {
+      return headerAtStart && isColTotalOn ? 1 : 0;
+    }
     const base = Math.max(...dimensionMarks.map((d) => d.length));
     return base + (headerAtStart && isColTotalOn ? 1 : 0);
   }, [dimensionMarks, headerAtStart, isColTotalOn]);
   const fixedColCount = useMemo(() => {
+    if (!isRowHeaderVisible) {
+      return headerAtStart && isRowTotalOn ? 1 : 0;
+    }
     const base = leftFixedCellNameList ? leftFixedCellNameList.length : 1;
     return base + (headerAtStart && isRowTotalOn ? 1 : 0);
   }, [leftFixedCellNameList, headerAtStart, isRowTotalOn]);
@@ -8361,6 +8369,15 @@ function StaticTable({
     return { cellHeight: Number(dynHeight), cellWidth: Number(dWidth), fixedColWidth: Number(fWidth) };
   }, [isFitTableOn, columnCount, rowCount, fixedColCount, tableWidth, tableHeight]);
   const gridRef = useRef(null);
+  useEffect(() => {
+    const t = setTimeout(() => {
+      if (gridRef.current) {
+        gridRef.current.recomputeGridSize();
+        gridRef.current.forceUpdateGrids();
+      }
+    }, 0);
+    return () => clearTimeout(t);
+  }, [tableWidth, tableHeight, tableData, isFitTableOn]);
   const conditionalFormatsByType = useMemo(() => {
     const map = { value: [], "row header": [], "column header": [] };
     conditionalFormatArr?.forEach((format) => {
@@ -8441,35 +8458,43 @@ function StaticTable({
       borderTop: "none",
       fontWeight: "bold"
     };
-    if (leftFixedCellNameList && leftFixedCellNameList.length > 0) {
-      leftFixedCellNameList.forEach((label, col) => {
-        baseStyle.background = getBgColorForCell(col, colColors);
-        const finalStyleForColumn = getFinalStyleObj(STYLE_FOR.COLUMN, baseStyle, label, col);
+    if (isColHeaderVisible && isRowHeaderVisible) {
+      if (leftFixedCellNameList && leftFixedCellNameList.length > 0) {
+        leftFixedCellNameList.forEach((label, col) => {
+          baseStyle.background = getBgColorForCell(col, colColors);
+          const finalStyleForColumn = getFinalStyleObj(STYLE_FOR.COLUMN, baseStyle, label, col);
+          cells.push({
+            label,
+            style: {
+              ...finalStyleForColumn,
+              borderLeft: col === 0 ? BORDER_STYLE : "none",
+              left: col * fixedColWidth
+            },
+            childClassName: "left_fixed_data_cell"
+          });
+        });
+      } else {
         cells.push({
-          label,
+          label: "",
           style: {
-            ...finalStyleForColumn,
-            borderLeft: col === 0 ? BORDER_STYLE : "none",
-            left: col * fixedColWidth
+            ...baseStyle,
+            borderLeft: BORDER_STYLE,
+            left: 0,
+            background: getBgColorForCell(1, colColors)
+            // or keep a default color
           },
           childClassName: "left_fixed_data_cell"
         });
-      });
-    } else {
-      cells.push({
-        label: "",
-        style: {
-          ...baseStyle,
-          borderLeft: BORDER_STYLE,
-          left: 0,
-          background: getBgColorForCell(1, colColors)
-          // or keep a default color
-        },
-        childClassName: "left_fixed_data_cell"
-      });
+      }
     }
     if (headerAtStart && isRowTotalOn) {
-      const colIndex = leftFixedCellNameList ? leftFixedCellNameList.length : 1;
+      let colIndex = 1;
+      if (leftFixedCellNameList) {
+        colIndex = leftFixedCellNameList.length;
+      }
+      if (!isRowHeaderVisible) {
+        colIndex = 0;
+      }
       baseStyle.background = getBgColorForCell(colIndex, colColors);
       const finalStyleForColumn = getFinalStyleObj(STYLE_FOR.COLUMN, baseStyle, TOTAL, colIndex);
       cells.push({
@@ -8478,7 +8503,7 @@ function StaticTable({
           ...finalStyleForColumn,
           left: colIndex * fixedColWidth,
           fontWeight: "bold",
-          borderLeft: "none"
+          borderLeft: !isRowHeaderVisible ? BORDER_STYLE : "none"
         },
         childClassName: "left_fixed_data_cell_total"
       });
@@ -8486,7 +8511,7 @@ function StaticTable({
     if (headerAtStart && isColTotalOn) {
       cells.push({
         label: TOTAL,
-        style: bottomRowStyle,
+        style: { ...bottomRowStyle, borderTop: !isColHeaderVisible ? BORDER_STYLE : "none" },
         childClassName: "left_fixed_data_cell_total"
       });
     }
@@ -8519,8 +8544,8 @@ function StaticTable({
           left: (fixedColCount - 1) * fixedColWidth,
           background: outerBg,
           border: BORDER_STYLE,
-          borderTop: "none",
-          borderLeft: "none",
+          borderTop: !isColHeaderVisible ? BORDER_STYLE : "none",
+          borderLeft: !isRowHeaderVisible ? BORDER_STYLE : "none",
           fontWeight: "bold"
         },
         childClassName: "left_fixed_data_cell_grand_total",
@@ -8554,7 +8579,7 @@ function StaticTable({
     DisplayUnits
   ]);
   const renderLeftFixedHeaders = useMemo(
-    () => cornerCells.map((c) => renderDataCell(c.label, c.style, "left_fixed_div", c.childClassName, void 0, c.dataBarColor)),
+    () => cornerCells?.map((c) => renderDataCell(c.label, c.style, "left_fixed_div", c.childClassName, void 0, c.dataBarColor)),
     [cornerCells]
   );
   const colHeadersBase = useMemo(() => {
@@ -8598,6 +8623,7 @@ function StaticTable({
               width: cellWidth * span,
               height: cellHeight,
               borderTop: level === 0 ? BORDER_STYLE : "none",
+              borderLeft: i === 0 && !isRowHeaderVisible && !(headerAtStart && isRowTotalOn) ? BORDER_STYLE : "none",
               childClassName: "col_header_data_cell"
             });
           }
@@ -8615,6 +8641,7 @@ function StaticTable({
             label,
             left: offsetLeft,
             top: level * cellHeight,
+            borderTop: !isColHeaderVisible && (headerAtStart && isColTotalOn) ? BORDER_STYLE : "none",
             width: cellWidth,
             height: cellHeight,
             background: ShowHeatMap ? getBgColorForHetMap(0, idx) : getBgColorForCell(rowCount, dataColors),
@@ -8626,7 +8653,7 @@ function StaticTable({
         });
       }
     }
-    if (isRowTotalOn && !headerAtStart) {
+    if (isRowTotalOn && !headerAtStart && isColHeaderVisible) {
       headers.push({
         ...colHeaderFont,
         label: TOTAL,
@@ -8689,6 +8716,8 @@ function StaticTable({
               left: level * fixedColWidth,
               width: fixedColWidth,
               height: cellHeight * span,
+              //Border condition for the col header visibility with total
+              borderTop: i === 0 && !isColHeaderVisible && !(headerAtStart && isColTotalOn) ? BORDER_STYLE : "none",
               borderLeft: level === 0 ? BORDER_STYLE : "none"
             });
           }
@@ -8718,13 +8747,14 @@ function StaticTable({
             fontWeight: "bold",
             rowIdxHeat: i,
             colIdxHeat: level,
+            borderLeft: !isRowHeaderVisible ? BORDER_STYLE : "none",
             dataBarColor: innerBg
           });
           offsetTop += cellHeight;
         }
       }
     }
-    if (isColTotalOn && !headerAtStart) {
+    if (isColTotalOn && !headerAtStart && isRowHeaderVisible) {
       headers.push({
         ...rowHeaderFont,
         label: TOTAL,
@@ -8840,6 +8870,12 @@ function StaticTable({
       if (conditionalFormatObj.backgroundColor) finalStyle.background = conditionalFormatObj.backgroundColor;
       if (conditionalFormatObj.color) finalStyle.color = conditionalFormatObj.color;
     }
+    if (rowIdxHeat === 0 && !isColHeaderVisible && !(headerAtStart && isColTotalOn)) {
+      finalStyle.borderTop = BORDER_STYLE;
+    }
+    if (colIdxHeat === 0 && !isRowHeaderVisible && !(isRowTotalOn && headerAtStart)) {
+      finalStyle.borderLeft = BORDER_STYLE;
+    }
     return renderDataCell(
       formattedValue,
       finalStyle,