pace-table-lib 1.0.62 → 1.0.64

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

@@ -18409,7 +18409,7 @@
             return false;
           }
           const formattedValue = formatValue(value, void 0, DataFieldDecimalPrecision);
-          return compareVal(formattedValue, format.operator, format.checkValue);
+          return compareVal(Number(formattedValue), format?.operator, Number(format?.checkValue));
         } catch {
           return false;
         }
@@ -18999,16 +18999,19 @@
       KPI,
       SparkLine
     } = tableStyleProps;
-    const isFitTableOn = Table2.FitTable;
-    const { ToolTipVisibility } = tableStyleProps.ToolTip;
+    const isFitTableOn = Table2?.FitTable;
+    const { ToolTipVisibility } = tableStyleProps?.ToolTip;
     const shouldWrapColumnHeader = Table2?.ColumnWrapText;
     const isSparkLineActive = SparkLine?.SparkLineButton === true;
     const isSlAtStart = SparkLine?.Position === "Start";
+    const isTotalAtStart = tableStyleProps?.DataField?.TotalHeaderPosition === TotalHeaderPos.Start;
+    const isColTotalOn = tableStyleProps?.DataField?.ColumnTotal;
+    const isRowTotalOn = tableStyleProps?.DataField?.RowTotal;
     const isRowHeaderVisible = !RowHeader?.HideRowHeader;
     const isColHeaderVisible = !ColumnHeader?.HideColumnHeader;
-    const measureValue = Table2.colOrRowHeaderName;
-    const isConditionalFormatOn = Table2.ConditionalformattingOnOff;
-    const conditionalFormatArr = Table2.Conditionalformatting;
+    const measureValue = Table2?.colOrRowHeaderName;
+    const isConditionalFormatOn = Table2?.ConditionalformattingOnOff;
+    const conditionalFormatArr = Table2?.Conditionalformatting;
     const conditionalFormatsByType = React.useMemo(() => {
       const map = {
         value: [],
@@ -19022,11 +19025,11 @@
       return map;
     }, [conditionalFormatArr]);
     const isPercentageMode = React.useMemo(() => {
-      const pBy = tableStyleProps.DataField?.percentageBy;
+      const pBy = tableStyleProps?.DataField?.percentageBy;
       return pBy && pBy.toLowerCase() !== "absolute";
     }, [tableStyleProps?.DataField?.percentageBy]);
     const percentageBy = React.useMemo(() => {
-      return tableStyleProps.DataField?.percentageBy ?? "absolute";
+      return tableStyleProps?.DataField?.percentageBy ?? "absolute";
     }, [tableStyleProps?.DataField?.percentageBy]);
     const getMeasureFormattingObj = React.useCallback(
       (measureInfo) => {
@@ -19047,7 +19050,14 @@
       [DataField, measureFormatConfigs]
     );
     const flatRows = React.useMemo(() => {
-      const rh = tableData?.rowHeaders ?? [];
+      const rh = structuredClone(tableData?.rowHeaders) ?? [];
+      if (isColTotalOn && isRowHeaderVisible) {
+        if (isTotalAtStart) {
+          rh.unshift(TOTAL);
+        } else {
+          rh.push(TOTAL);
+        }
+      }
       return rh?.map((rowPath, i) => {
         const isNoEntry = NO_ENTRY_TOKENS.some(
           (t) => rowPath.toLowerCase().includes(t)
@@ -19075,9 +19085,16 @@
           rowIndex: i
         };
       });
-    }, [tableData]);
+    }, [tableData, isTotalAtStart, isColTotalOn, isRowHeaderVisible]);
     const parsedColumns = React.useMemo(() => {
-      const headers = tableData?.columnHeaders ?? [];
+      const headers = structuredClone(tableData?.columnHeaders) ?? [];
+      if (isRowTotalOn && isColHeaderVisible) {
+        if (isTotalAtStart) {
+          headers.unshift(TOTAL);
+        } else {
+          headers.push(TOTAL);
+        }
+      }
       return headers?.map((h, i) => {
         const parts = h.split("`")?.filter((p) => p !== "");
         const isSubtotal = parts[parts.length - 1] === "!subtotal";
@@ -19099,7 +19116,7 @@
           colIndex: i
         };
       });
-    }, [tableData]);
+    }, [tableData, isTotalAtStart, isRowTotalOn, isColHeaderVisible]);
     const hasCollapsibleRows = React.useMemo(
       () => flatRows.some((r2) => r2.isSubtotal),
       [flatRows]
@@ -19412,11 +19429,18 @@
       (row, rowIdx) => {
         if (!isSparkLineActive) return null;
         const rd = tableData;
-        const dataArr = visibleColumns?.map((col) => {
+        let dataArr = visibleColumns?.map((col) => {
           const v = rd?.rowData?.[row.rowIndex]?.[col.colIndex];
           const n = parseFloat(String(v));
           return isNaN(n) ? 0 : n;
         });
+        if (isRowTotalOn) {
+          const finalIndex = isTotalAtStart && isColTotalOn ? row.rowIndex - 1 : row.rowIndex;
+          dataArr.push(rd?.rowTotal?.[finalIndex]);
+        }
+        if (isColTotalOn && row.name === TOTAL) {
+          dataArr = rd.columnTotal;
+        }
         const lineType = SPARK_LINE_TYPE_MAPPING[SparkLine.SparkLineType];
         const slPropData = {
           dataArr,
@@ -19786,6 +19810,8 @@
         const shouldWrap = Table2?.RowWrapText;
         const rd = tableData;
         let rawValue = rd?.rowData?.[row.rowIndex]?.[col.colIndex] ?? 0;
+        const isRenderColTotal = row.name === TOTAL;
+        const isRenderRowTotal = col.path === TOTAL;
         const aggregationType = tableStyleProps.DataField.SubtotalAggregationBy;
         if (row.isSubtotal) {
           const parentSegments = row.segments?.filter((s) => s !== "!subtotal");
@@ -19813,6 +19839,14 @@
               rawValue = childValues.reduce((a, b) => a + b, 0);
           }
         }
+        if (isRenderRowTotal) {
+          const finalIndex = isTotalAtStart && isColTotalOn ? row.rowIndex - 1 : row.rowIndex;
+          rawValue = rd.rowTotal?.[finalIndex];
+        }
+        if (isRenderColTotal) {
+          const finalIndex = isTotalAtStart && isRowTotalOn ? col.colIndex - 1 : col.colIndex;
+          rawValue = rd.columnTotal?.[finalIndex];
+        }
         if (isPercentageMode) {
           const rd2 = tableData;
           const num = Number(rawValue);
@@ -19943,7 +19977,7 @@
               justifyContent: dataCellFont.justifyContent,
               fontSize: dataCellFont.fontSize,
               fontFamily: dataCellFont.fontFamily,
-              fontWeight: isSubtotalCell ? "bold" : dataCellFont.fontWeight,
+              fontWeight: isSubtotalCell || isRenderRowTotal || isRenderColTotal ? "bold" : dataCellFont.fontWeight,
               fontStyle: dataCellFont.fontStyle,
               textDecoration: dataCellFont.textDecoration,
               color: dataCellFont.color,
@@ -20013,7 +20047,8 @@
         getConditionalFormat,
         getMeasureFormattingObj,
         isPercentageMode,
-        percentageBy
+        percentageBy,
+        isTotalAtStart
       ]
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -20036,7 +20071,7 @@
               /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "div",
                 {
-                  className: "pivot-table__header-row",
+                  className: "pivot-table__header-row s1_scroll",
                   style: { display: isColHeaderVisible ? "flex" : "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(