pace-table-lib 1.0.63 → 1.0.64

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

@@ -18981,16 +18981,19 @@ const PivotTable = ({
     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 = useMemo(() => {
     const map = {
       value: [],
@@ -19004,11 +19007,11 @@ const PivotTable = ({
     return map;
   }, [conditionalFormatArr]);
   const isPercentageMode = useMemo(() => {
-    const pBy = tableStyleProps.DataField?.percentageBy;
+    const pBy = tableStyleProps?.DataField?.percentageBy;
     return pBy && pBy.toLowerCase() !== "absolute";
   }, [tableStyleProps?.DataField?.percentageBy]);
   const percentageBy = useMemo(() => {
-    return tableStyleProps.DataField?.percentageBy ?? "absolute";
+    return tableStyleProps?.DataField?.percentageBy ?? "absolute";
   }, [tableStyleProps?.DataField?.percentageBy]);
   const getMeasureFormattingObj = useCallback(
     (measureInfo) => {
@@ -19029,7 +19032,14 @@ const PivotTable = ({
     [DataField, measureFormatConfigs]
   );
   const flatRows = 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)
@@ -19057,9 +19067,16 @@ const PivotTable = ({
         rowIndex: i
       };
     });
-  }, [tableData]);
+  }, [tableData, isTotalAtStart, isColTotalOn, isRowHeaderVisible]);
   const parsedColumns = 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";
@@ -19081,7 +19098,7 @@ const PivotTable = ({
         colIndex: i
       };
     });
-  }, [tableData]);
+  }, [tableData, isTotalAtStart, isRowTotalOn, isColHeaderVisible]);
   const hasCollapsibleRows = useMemo(
     () => flatRows.some((r2) => r2.isSubtotal),
     [flatRows]
@@ -19394,11 +19411,18 @@ const PivotTable = ({
     (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,
@@ -19768,6 +19792,8 @@ const PivotTable = ({
       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");
@@ -19795,6 +19821,14 @@ const PivotTable = ({
             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);
@@ -19925,7 +19959,7 @@ const PivotTable = ({
             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,
@@ -19995,7 +20029,8 @@ const PivotTable = ({
       getConditionalFormat,
       getMeasureFormattingObj,
       isPercentageMode,
-      percentageBy
+      percentageBy,
+      isTotalAtStart
     ]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -20018,7 +20053,7 @@ const PivotTable = ({
             /* @__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(