pace-table-lib 1.0.16 → 1.0.18

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

@@ -8318,6 +8318,8 @@
     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 = React.useMemo(() => ({
       color: RowHeader.RowHeaderColor,
       fontFamily: RowHeader.RowHeaderFontFamily,
@@ -8346,10 +8348,16 @@
       HeatMapMaxColor
     } = HeatMap || {};
     const fixedRowCount = React.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 = React.useMemo(() => {
+      if (!isRowHeaderVisible) {
+        return headerAtStart && isRowTotalOn ? 1 : 0;
+      }
       const base = leftFixedCellNameList ? leftFixedCellNameList.length : 1;
       return base + (headerAtStart && isRowTotalOn ? 1 : 0);
     }, [leftFixedCellNameList, headerAtStart, isRowTotalOn]);
@@ -8380,6 +8388,15 @@
       return { cellHeight: Number(dynHeight), cellWidth: Number(dWidth), fixedColWidth: Number(fWidth) };
     }, [isFitTableOn, columnCount, rowCount, fixedColCount, tableWidth, tableHeight]);
     const gridRef = React.useRef(null);
+    React.useEffect(() => {
+      const t = setTimeout(() => {
+        if (gridRef.current) {
+          gridRef.current.recomputeGridSize();
+          gridRef.current.forceUpdateGrids();
+        }
+      }, 0);
+      return () => clearTimeout(t);
+    }, [tableWidth, tableHeight, tableData, isFitTableOn]);
     const conditionalFormatsByType = React.useMemo(() => {
       const map = { value: [], "row header": [], "column header": [] };
       conditionalFormatArr?.forEach((format) => {
@@ -8460,35 +8477,43 @@
         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({
@@ -8497,7 +8522,7 @@
             ...finalStyleForColumn,
             left: colIndex * fixedColWidth,
             fontWeight: "bold",
-            borderLeft: "none"
+            borderLeft: !isRowHeaderVisible ? BORDER_STYLE : "none"
           },
           childClassName: "left_fixed_data_cell_total"
         });
@@ -8505,7 +8530,7 @@
       if (headerAtStart && isColTotalOn) {
         cells.push({
           label: TOTAL,
-          style: bottomRowStyle,
+          style: { ...bottomRowStyle, borderTop: !isColHeaderVisible ? BORDER_STYLE : "none" },
           childClassName: "left_fixed_data_cell_total"
         });
       }
@@ -8538,8 +8563,8 @@
             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",
@@ -8573,7 +8598,7 @@
       DisplayUnits
     ]);
     const renderLeftFixedHeaders = React.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 = React.useMemo(() => {
@@ -8617,6 +8642,7 @@
                 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"
               });
             }
@@ -8634,6 +8660,7 @@
               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),
@@ -8645,7 +8672,7 @@
           });
         }
       }
-      if (isRowTotalOn && !headerAtStart) {
+      if (isRowTotalOn && !headerAtStart && isColHeaderVisible) {
         headers.push({
           ...colHeaderFont,
           label: TOTAL,
@@ -8708,6 +8735,8 @@
                 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"
               });
             }
@@ -8737,13 +8766,14 @@
               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,
@@ -8859,6 +8889,12 @@
         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,