pace-table-lib 1.0.69 → 1.0.71

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

@@ -17232,8 +17232,8 @@
     hideMarkerButton: false
   };
   function JQuerySparkLine({
-    width = 76,
-    height = 16,
+    width,
+    height,
     slPropData
   }) {
     const sparkRef = React.useRef(null);
@@ -17256,7 +17256,7 @@
           case SL_TYPE.LINE:
             {
               const sparkOptions = {
-                type: "line",
+                type: SL_TYPE.LINE,
                 width: `${width}px`,
                 height: `${height}px`,
                 lineColor: slPropData.slStyle.lineColor,
@@ -17274,12 +17274,12 @@
           case SL_TYPE.BAR:
             {
               $(sparkRef.current).sparkline([...slPropData.dataArr], {
-                type: "bar",
+                type: SL_TYPE.BAR,
                 width: `${width}px`,
                 height: `${height}px`,
-                barColor: slPropData.slStyle?.barColor,
+                barColor: slPropData.slStyle?.posBarColor,
                 negBarColor: slPropData.slStyle?.negBarColor,
-                zeroColor: slPropData.slStyle?.zeroBarColor,
+                zeroColor: slPropData.slStyle?.zeroColor,
                 barWidth: slPropData.slStyle?.barWidth,
                 barSpacing: slPropData.slStyle?.barSpacing,
                 chartRangeMin: 0
@@ -17289,7 +17289,7 @@
           case SL_TYPE.BOX:
             {
               $(sparkRef.current).sparkline([...slPropData.dataArr], {
-                type: "box",
+                type: SL_TYPE.BOX,
                 width: `${width}px`,
                 height: `${height}px`,
                 boxLineColor: slPropData.slStyle?.boxLineColor,
@@ -17302,7 +17302,7 @@
           case SL_TYPE.DISCRETE:
             {
               $(sparkRef.current).sparkline([...slPropData.dataArr], {
-                type: "discrete",
+                type: SL_TYPE.DISCRETE,
                 width: `${width}`,
                 height: `${height}px`,
                 lineColor: slPropData.slStyle?.lineColor || "#007bff",
@@ -17314,9 +17314,10 @@
           case SL_TYPE.PIE:
             {
               $(sparkRef.current).sparkline([...slPropData.dataArr], {
-                type: "pie",
-                // width: `${40}px`,
-                height: `${height}px`,
+                type: SL_TYPE.PIE,
+                //Why min in order to center align the pie chart , in case of fit table.
+                width: `${Math.min(height, width)}px`,
+                height: `${Math.min(height, width)}px`,
                 borderWidth: 0,
                 offset: slPropData.slStyle?.offset || 0,
                 tooltipFormatter: function(sparkline, options, fields) {
@@ -17332,14 +17333,14 @@
           case SL_TYPE.TRISTATE:
             {
               $(sparkRef.current).sparkline(slPropData.dataArr, {
-                type: "tristate",
+                type: SL_TYPE.TRISTATE,
                 width: `${width}px`,
                 height: `${height}px`,
                 posBarColor: slPropData.slStyle?.posBarColor || "#28a745",
                 // positive
                 negBarColor: slPropData.slStyle?.negBarColor || "#dc3545",
                 // negative
-                zeroBarColor: slPropData.slStyle?.zeroBarColor || "#bab0ac",
+                zeroBarColor: slPropData.slStyle?.zeroColor || "#bab0ac",
                 // neutral
                 barWidth: slPropData.slStyle?.barWidth || 4,
                 barSpacing: slPropData.slStyle?.barSpacing || 2,
@@ -17367,7 +17368,7 @@
       "span",
       {
         ref: sparkRef,
-        style: { display: "inline-block", verticalAlign: "middle" }
+        style: { display: "inline-block", verticalAlign: "middle", zIndex: 10 }
       }
     );
   }
@@ -17447,6 +17448,7 @@
         ...ToolTipVisibility ? { title: getCleanString(toolTip) ?? "" } : {},
         className,
         style: styles,
+        onContextMenu: styles.hasOwnProperty("oncontextmenu") ? styles.oncontextmenu : null,
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
@@ -18236,7 +18238,7 @@
             height: rowCellHeight,
             top: baseTop + measuresBySlice.length * rowCellHeight,
             left: widthForTheTotal,
-            background: getBgColorForCell(rowCount - 1, rowColors),
+            background: finalStyleForRow.background ?? getBgColorForCell(getGroupIndex(measuresBySlice), rowColors),
             fontWeight: "bold"
           };
           let measures = [];
@@ -18597,55 +18599,38 @@
         innerDivBg
       );
     };
-    function getSparkLineStyleObj(lineType) {
+    function getSparkLineStyleObj() {
       const slStyle = structuredClone(DEFAULT_SL_STYLE);
-      switch (lineType) {
-        case SL_TYPE.LINE: {
-          if (SparkLine?.SparkLineColor)
-            slStyle.lineColor = SparkLine.SparkLineColor;
-          if (SparkLine?.SparkLineWidth)
-            slStyle.lineWidth = SparkLine.SparkLineWidth;
-          if (SparkLine?.HideMarkerButton !== void 0)
-            slStyle.hideMarkerButton = SparkLine.HideMarkerButton;
-          if (SparkLine?.SparkLineMarkerColor)
-            slStyle.spotColor = SparkLine.SparkLineMarkerColor;
-          break;
-        }
-        case SL_TYPE.BAR: {
-          if (SparkLine?.PositiveBarChartColor)
-            slStyle.posBarColor = SparkLine.PositiveBarChartColor;
-          if (SparkLine?.NegativeBarChartColor)
-            slStyle.negBarColor = SparkLine.NegativeBarChartColor;
-          if (SparkLine?.ZeroBarChartColor)
-            slStyle.zeroColor = SparkLine.ZeroBarChartColor;
-          if (SparkLine?.BarWidth)
-            slStyle.barWidth = SparkLine.BarWidth;
-          if (SparkLine?.BarSpacing)
-            slStyle.barSpacing = SparkLine.BarSpacing;
-          break;
-        }
-        case SL_TYPE.DISCRETE: {
-          if (SparkLine?.ThresholdValue !== void 0)
-            slStyle.thresholdValue = SparkLine.ThresholdValue;
-          if (SparkLine?.ThresholdColor)
-            slStyle.thresholdColor = SparkLine.ThresholdColor;
-          break;
-        }
-        case SL_TYPE.BOX: {
-          if (SparkLine?.MedianColor)
-            slStyle.medianColor = SparkLine.MedianColor;
-          if (SparkLine?.BoxFillColor)
-            slStyle.boxFillColor = SparkLine.BoxFillColor;
-          if (SparkLine?.BoxBorderColor)
-            slStyle.boxLineColor = SparkLine.BoxBorderColor;
-          if (SparkLine?.MinMaxLineColor)
-            slStyle.whiskerColor = SparkLine.MinMaxLineColor;
-          break;
-        }
-        case SL_TYPE.PIE: {
-          break;
-        }
-      }
+      if (SparkLine?.SparkLineColor)
+        slStyle.lineColor = SparkLine.SparkLineColor;
+      if (SparkLine?.SparkLineWidth)
+        slStyle.lineWidth = SparkLine.SparkLineWidth;
+      if (SparkLine?.HideMarkerButton !== void 0)
+        slStyle.hideMarkerButton = SparkLine.HideMarkerButton;
+      if (SparkLine?.SparkLineMarkerColor)
+        slStyle.spotColor = SparkLine.SparkLineMarkerColor;
+      if (SparkLine?.PositiveBarChartColor)
+        slStyle.posBarColor = SparkLine.PositiveBarChartColor;
+      if (SparkLine?.NegativeBarChartColor)
+        slStyle.negBarColor = SparkLine.NegativeBarChartColor;
+      if (SparkLine?.ZeroBarChartColor)
+        slStyle.zeroColor = SparkLine.ZeroBarChartColor;
+      if (SparkLine?.BarWidth)
+        slStyle.barWidth = SparkLine.BarWidth;
+      if (SparkLine?.BarSpacing)
+        slStyle.barSpacing = SparkLine.BarSpacing;
+      if (SparkLine?.ThresholdValue !== void 0)
+        slStyle.thresholdValue = SparkLine.ThresholdValue;
+      if (SparkLine?.ThresholdColor)
+        slStyle.thresholdColor = SparkLine.ThresholdColor;
+      if (SparkLine?.MedianColor)
+        slStyle.medianColor = SparkLine.MedianColor;
+      if (SparkLine?.BoxFillColor)
+        slStyle.boxFillColor = SparkLine.BoxFillColor;
+      if (SparkLine?.BoxBorderColor)
+        slStyle.boxLineColor = SparkLine.BoxBorderColor;
+      if (SparkLine?.MinMaxLineColor)
+        slStyle.whiskerColor = SparkLine.MinMaxLineColor;
       return slStyle;
     }
     function getSparkLine(dataArr, styleObj) {
@@ -18653,7 +18638,7 @@
       const lineType = SPARK_LINE_TYPE_MAPPING[SparkLine.SparkLineType];
       const slPropData = {
         dataArr,
-        slStyle: getSparkLineStyleObj(lineType),
+        slStyle: getSparkLineStyleObj(),
         slType: lineType
       };
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spark_line_div", style: { ...styleObj }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18864,15 +18849,27 @@
   const interpolateColor = (minColor, maxColor, factor) => {
     const toRgb = (hex) => {
       const clean = hex.replace("#", "");
+      if (!/^[0-9A-Fa-f]{6}$/.test(clean)) {
+        return { r: 0, g: 0, b: 0 };
+      }
       const n = parseInt(clean, 16);
-      return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
+      return {
+        r: n >> 16 & 255,
+        g: n >> 8 & 255,
+        b: n & 255
+      };
     };
-    const toHex = (r2, g, b) => `#${[r2, g, b]?.map((x) => x.toString(16).padStart(2, "0")).join("")}`;
-    const c1 = toRgb(minColor), c2 = toRgb(maxColor);
+    const toHex = (r2, g, b) => `#${[r2, g, b].map((x) => {
+      const safe = Number.isFinite(x) ? x : 0;
+      return safe.toString(16).padStart(2, "0");
+    }).join("")}`;
+    const c1 = toRgb(minColor);
+    const c2 = toRgb(maxColor);
+    const safeFactor = Number.isFinite(factor) ? Math.max(0, Math.min(1, factor)) : 0;
     return toHex(
-      Math.round(c1.r + (c2.r - c1.r) * factor),
-      Math.round(c1.g + (c2.g - c1.g) * factor),
-      Math.round(c1.b + (c2.b - c1.b) * factor)
+      Math.round(c1.r + (c2.r - c1.r) * safeFactor),
+      Math.round(c1.g + (c2.g - c1.g) * safeFactor),
+      Math.round(c1.b + (c2.b - c1.b) * safeFactor)
     );
   };
   function getHeatmapColor(value, minValue, maxValue, minColor, maxColor) {
@@ -19176,6 +19173,18 @@
     const [showCornerMenu, setShowCornerMenu] = React.useState(false);
     const [collapsedRows, setCollapsedRows] = React.useState(/* @__PURE__ */ new Set());
     const [collapsedCols, setCollapsedCols] = React.useState(/* @__PURE__ */ new Set());
+    const cornerMenuRef = React.useRef(null);
+    React.useEffect(() => {
+      const handleOutsideClick = (event) => {
+        if (cornerMenuRef.current && !cornerMenuRef.current.contains(event.target)) {
+          setShowCornerMenu(false);
+        }
+      };
+      document.addEventListener("mousedown", handleOutsideClick);
+      return () => {
+        document.removeEventListener("mousedown", handleOutsideClick);
+      };
+    }, []);
     const visibleRows = React.useMemo(
       () => flatRows?.filter((row) => {
         const nonSubSegs = row.segments?.filter((s) => s !== "!subtotal");
@@ -19399,88 +19408,42 @@
       [isSparkLineActive, isFitTableOn, colCellWidth, Table2.FixHeaderWidth]
     );
     const getSparkLineStyleObj = React.useCallback(
-      (lineType) => {
+      () => {
         const slStyle = structuredClone(DEFAULT_SL_STYLE);
-        switch (lineType) {
-          case SL_TYPE.LINE:
-            if (SparkLine?.SparkLineColor)
-              slStyle.lineColor = SparkLine.SparkLineColor;
-            if (SparkLine?.SparkLineWidth)
-              slStyle.lineWidth = SparkLine.SparkLineWidth;
-            if (SparkLine?.SparkLineMarkerColor)
-              slStyle.spotColor = SparkLine.SparkLineMarkerColor;
-            break;
-          case SL_TYPE.BAR:
-            if (SparkLine?.PositiveBarChartColor)
-              slStyle.posBarColor = SparkLine.PositiveBarChartColor;
-            if (SparkLine?.NegativeBarChartColor)
-              slStyle.negBarColor = SparkLine.NegativeBarChartColor;
-            if (SparkLine?.ZeroBarChartColor)
-              slStyle.zeroColor = SparkLine.ZeroBarChartColor;
-            if (SparkLine?.BarWidth) slStyle.barWidth = SparkLine.BarWidth;
-            if (SparkLine?.BarSpacing) slStyle.barSpacing = SparkLine.BarSpacing;
-            break;
-          case SL_TYPE.DISCRETE:
-            if (SparkLine?.ThresholdValue !== void 0)
-              slStyle.thresholdValue = SparkLine.ThresholdValue;
-            if (SparkLine?.ThresholdColor)
-              slStyle.thresholdColor = SparkLine.ThresholdColor;
-            if (SparkLine?.SparkLineColor)
-              slStyle.lineColor = SparkLine.SparkLineColor;
-            break;
-          case SL_TYPE.BOX:
-            if (SparkLine?.MedianColor)
-              slStyle.medianColor = SparkLine.MedianColor;
-            if (SparkLine?.BoxFillColor)
-              slStyle.boxFillColor = SparkLine.BoxFillColor;
-            if (SparkLine?.BoxBorderColor)
-              slStyle.boxLineColor = SparkLine.BoxBorderColor;
-            if (SparkLine?.MinMaxLineColor)
-              slStyle.whiskerColor = SparkLine.MinMaxLineColor;
-            break;
-          case SL_TYPE.TRISTATE:
-            if (SparkLine?.PositiveBarChartColor)
-              slStyle.posBarColor = SparkLine.PositiveBarChartColor;
-            if (SparkLine?.NegativeBarChartColor)
-              slStyle.negBarColor = SparkLine.NegativeBarChartColor;
-            if (SparkLine?.ZeroBarChartColor)
-              slStyle.zeroBarColor = SparkLine.ZeroBarChartColor;
-            if (SparkLine?.BarWidth) slStyle.barWidth = SparkLine.BarWidth;
-            if (SparkLine?.BarSpacing) slStyle.barSpacing = SparkLine.BarSpacing;
-            break;
-          case SL_TYPE.PIE:
-            if (SparkLine?.SparkLineColor)
-              slStyle.lineColor = SparkLine.SparkLineColor;
-            if (SparkLine?.SparkLineWidth)
-              slStyle.lineWidth = SparkLine.SparkLineWidth;
-            if (SparkLine?.SparkLineMarkerColor)
-              slStyle.spotColor = SparkLine.SparkLineMarkerColor;
-            break;
-        }
+        if (SparkLine?.SparkLineColor)
+          slStyle.lineColor = SparkLine.SparkLineColor;
+        if (SparkLine?.SparkLineWidth)
+          slStyle.lineWidth = SparkLine.SparkLineWidth;
+        if (SparkLine?.HideMarkerButton !== void 0)
+          slStyle.hideMarkerButton = SparkLine.HideMarkerButton;
+        if (SparkLine?.SparkLineMarkerColor)
+          slStyle.spotColor = SparkLine.SparkLineMarkerColor;
+        if (SparkLine?.PositiveBarChartColor)
+          slStyle.posBarColor = SparkLine.PositiveBarChartColor;
+        if (SparkLine?.NegativeBarChartColor)
+          slStyle.negBarColor = SparkLine.NegativeBarChartColor;
+        if (SparkLine?.ZeroBarChartColor)
+          slStyle.zeroColor = SparkLine.ZeroBarChartColor;
+        if (SparkLine?.BarWidth)
+          slStyle.barWidth = SparkLine.BarWidth;
+        if (SparkLine?.BarSpacing)
+          slStyle.barSpacing = SparkLine.BarSpacing;
+        if (SparkLine?.ThresholdValue !== void 0)
+          slStyle.thresholdValue = SparkLine.ThresholdValue;
+        if (SparkLine?.ThresholdColor)
+          slStyle.thresholdColor = SparkLine.ThresholdColor;
+        if (SparkLine?.MedianColor)
+          slStyle.medianColor = SparkLine.MedianColor;
+        if (SparkLine?.BoxFillColor)
+          slStyle.boxFillColor = SparkLine.BoxFillColor;
+        if (SparkLine?.BoxBorderColor)
+          slStyle.boxLineColor = SparkLine.BoxBorderColor;
+        if (SparkLine?.MinMaxLineColor)
+          slStyle.whiskerColor = SparkLine.MinMaxLineColor;
         return slStyle;
       },
       [SparkLine]
     );
-    React.useCallback(
-      (dataArr, containerStyle) => {
-        if (!isSparkLineActive) return null;
-        const lineType = SPARK_LINE_TYPE_MAPPING[SparkLine.SparkLineType];
-        const slPropData = {
-          dataArr,
-          slStyle: getSparkLineStyleObj(lineType),
-          slType: lineType
-        };
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spark_line_div", style: { ...containerStyle }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          JQuerySparkLine,
-          {
-            width: Number(containerStyle.width) - 4,
-            height: Number(containerStyle.height) - 4,
-            slPropData
-          }
-        ) });
-      },
-      [isSparkLineActive, SparkLine, getSparkLineStyleObj]
-    );
     const renderSparkLineDataCell = React.useCallback(
       (row, rowIdx) => {
         if (!isSparkLineActive) return null;
@@ -19500,7 +19463,7 @@
         const lineType = SPARK_LINE_TYPE_MAPPING[SparkLine.SparkLineType];
         const slPropData = {
           dataArr,
-          slStyle: getSparkLineStyleObj(lineType),
+          slStyle: getSparkLineStyleObj(),
           slType: lineType
         };
         const isLastRow = rowIdx === visibleRows.length - 1;
@@ -20135,7 +20098,7 @@
                               children: "+/−"
                             }
                           ),
-                          showCornerMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pivot-corner-menu", children: [
+                          showCornerMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pivot-corner-menu", ref: cornerMenuRef, children: [
                             hasCollapsibleRows && /* @__PURE__ */ jsxRuntimeExports.jsxs(
                               "div",
                               {