pace-table-lib 1.0.67 → 1.0.69

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

@@ -17416,6 +17416,13 @@ function StaticTable({
   const outsideBorder = isOutsideBorderVisible ? createBorder(Border.LineWidth, Border.LineStyle, Border.LineColor) : null;
   const insideVBorder = isInsideVerticalBVisible ? createBorder(Border.VerticalBorderLineWidth, Border.VerticalBorderLineStyle, Border.VerticalBorderLineColor) : null;
   const insideHBorder = isInsideHorizontalBVisible ? createBorder(Border.HorizontalBorderLineWidth, Border.HorizontalBorderLineStyle, Border.HorizontalBorderLineColor) : null;
+  const {
+    ShowHeatMap,
+    HeatMapView,
+    HeatMapMinColor,
+    HeatMapMaxColor
+  } = HeatMap || {};
+  const gridRef = useRef(null);
   const renderDataCell = (label, styles, className, childClassName, toolTip, dataBarBg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -17428,11 +17435,13 @@ function StaticTable({
           className: `${childClassName} cell_inner`,
           style: {
             fontFamily: styles.fontFamily,
-            background: dataBarBg ?? "none"
+            background: dataBarBg ?? "none",
+            //Show icon only then align icon to center
+            ...styles?.iconPosition === ICON_POSITION.OIcon ? { justifyContent: "center" } : {}
           },
           children: [
             styles && styles?.iconPosition === ICON_POSITION.Left && styles?.iconUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: styles?.iconUrl, className: "cell_icon left" }),
-            styles && styles?.iconPosition === ICON_POSITION.OIcon && styles?.iconUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: styles?.iconUrl, className: "cell_icon left" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { textAlign: styles.justifyContent }, className: "cell_text", children: label }),
+            styles && styles?.iconPosition === ICON_POSITION.OIcon && styles?.iconUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: styles?.iconUrl, className: "cell_icon" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { textAlign: styles.justifyContent }, className: "cell_text", children: label }),
             styles && styles?.iconPosition === ICON_POSITION.Right && styles?.iconUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: styles?.iconUrl, className: "cell_icon right" })
           ]
         }
@@ -17479,12 +17488,6 @@ function StaticTable({
     color: DataFieldColor,
     ...getFontStyleObj(DataFieldFontStyle)
   }), [DataField]);
-  const {
-    ShowHeatMap,
-    HeatMapView,
-    HeatMapMinColor,
-    HeatMapMaxColor
-  } = HeatMap || {};
   const fixedRowCount = useMemo(() => {
     if (!isColHeaderVisible) {
       return headerAtStart && isColTotalOn ? 1 : 0;
@@ -17592,7 +17595,6 @@ function StaticTable({
     Table2.TableWidth,
     Table2.FixHeaderWidth
   ]);
-  const gridRef = useRef(null);
   useEffect(() => {
     const t = setTimeout(() => {
       if (gridRef.current) {
@@ -18212,10 +18214,10 @@ function StaticTable({
       });
       if (isSparkLineVisible && isSlAtStart && !headerAtStart) {
         const styleObj = {
-          width: widthForTheTotal,
+          width: fixedColWidth,
           height: rowCellHeight,
           top: baseTop + measuresBySlice.length * rowCellHeight,
-          left: 80,
+          left: widthForTheTotal,
           background: getBgColorForCell(rowCount - 1, rowColors),
           fontWeight: "bold"
         };
@@ -18254,7 +18256,7 @@ function StaticTable({
           top: fixedRowCount * rowCellHeight + rowIdx * rowCellHeight,
           // directly under headers
           left: sparkColIndex * fixedColWidth,
-          background: getBgColorForCell(rowIdx - 1, rowColors),
+          background: rowHeaderBandColorMap[item.sliceMark[0]],
           display: "flex",
           justifyContent: "center",
           alignItems: "center"
@@ -18401,40 +18403,44 @@ function StaticTable({
     return obj;
   }
   function shouldApplyFormat(value, format, type, level) {
-    if (!format.formattingScheme || format.formattingScheme.toLowerCase() !== "conditionally") {
-      return true;
-    }
-    const formattedValue = formatValue(value, void 0, DataFieldDecimalPrecision);
-    const operator = format.operator?.toLowerCase();
-    if (operator === "contains" && format.containsStr) {
-      return value?.toLowerCase().includes(format.containsStr.toLowerCase());
-    }
-    if (operator === "duplicate") {
-      const currentVal = value?.toLowerCase();
-      if (type === CONDITIONAL_FORMAT_FOR.ROW) {
-        const allChildren = measuresBySlice.map((item) => item.sliceMark[level]?.toLowerCase()).filter((v) => v);
-        return allChildren.filter((v) => v === currentVal).length > 1;
-      } else if (type === CONDITIONAL_FORMAT_FOR.COLUMN) {
-        return dimensionMarks.filter((row) => row.some((item) => item?.toLowerCase() === currentVal)).length > 1;
+    try {
+      if (!format.formattingScheme || format.formattingScheme.toLowerCase() !== "conditionally") {
+        return true;
       }
-    }
-    if (type === CONDITIONAL_FORMAT_FOR.VALUE) {
-      try {
+      const operator = format.operator?.toLowerCase();
+      if (operator === "contains" && format.containsStr) {
+        return value?.toLowerCase().includes(format.containsStr.toLowerCase());
+      }
+      if (operator === "duplicate") {
+        const currentVal = value?.toLowerCase();
+        if (type === CONDITIONAL_FORMAT_FOR.ROW) {
+          const marks = measuresBySlice.map((m) => m.sliceMark);
+          const renderedValues = measuresBySlice.map((item, i) => isFirstOccurrence(marks, i, level) ? item.sliceMark[level]?.toLowerCase() : null).filter((v) => v !== null && v !== void 0);
+          return renderedValues.filter((v) => v === currentVal).length > 1;
+        } else if (type === CONDITIONAL_FORMAT_FOR.COLUMN) {
+          const renderedValues = dimensionMarks.map((d, i) => isFirstOccurrence(dimensionMarks, i, level) ? d[level]?.toLowerCase() : null).filter((v) => v !== null && v !== void 0);
+          return renderedValues.filter((v) => v === currentVal).length > 1;
+        }
+      }
+      if (type === CONDITIONAL_FORMAT_FOR.VALUE) {
+        const formattedValue = formatValue(value, void 0, DataFieldDecimalPrecision);
+        const numericVal = Number(formattedValue);
+        const checkVal1 = Number(format?.checkValue);
+        const checkVal2 = Number(format?.secondCheckValue);
         if (operator === "in between") {
-          if (format.checkValue && format.secondCheckValue) {
-            return formattedValue >= format.checkValue && formattedValue <= format.secondCheckValue;
+          if (checkVal1 && checkVal2) {
+            return numericVal >= checkVal1 && numericVal <= checkVal2;
           }
           return false;
         } else if (operator === "not between") {
-          if (format.checkValue && format.secondCheckValue) {
-            return formattedValue < format.checkValue || formattedValue > format.secondCheckValue;
+          if (checkVal1 && checkVal2) {
+            return numericVal < checkVal1 || numericVal > checkVal2;
           }
           return false;
         }
-        return compareVal(Number(formattedValue), format?.operator, Number(format?.checkValue));
-      } catch {
-        return false;
+        return compareVal(numericVal, format?.operator, Number(format?.checkValue));
       }
+    } catch (error) {
     }
     return false;
   }
@@ -19959,6 +19965,7 @@ const PivotTable = ({
         }
       }
       let percentage = 0;
+      let kpiColor = "";
       if (KPI.KPIVisibility) {
         const baseType = tableStyleProps.KPI.KPIBaseFormat;
         const values = baseType === "Column-wise" ? flatRows?.map(
@@ -19975,7 +19982,7 @@ const PivotTable = ({
           0,
           Math.min(100, (Number(rawValue) - min) / (max - min) * 100)
         ) : 0;
-        interpolateColor(
+        kpiColor = interpolateColor(
           KPI.KPIMinColor,
           KPI.KPIMaxColor,
           percentage / 100
@@ -20018,7 +20025,7 @@ const PivotTable = ({
             "div",
             {
               className: "kpi-wrapper cell_inner_pivot",
-              style: { justifyContent: dataCellFont.justifyContent },
+              style: { justifyContent: dataCellFont.justifyContent, background: kpiColor ?? "none" },
               children: [
                 conditionalFormatObj && conditionalFormatObj?.iconPosition === ICON_POSITION.Left && conditionalFormatObj?.iconUrl && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: conditionalFormatObj?.iconUrl, className: "cell_icon_pivot left" }),
                 conditionalFormatObj && conditionalFormatObj?.iconPosition === ICON_POSITION.OIcon && conditionalFormatObj?.iconUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: conditionalFormatObj?.iconUrl, className: "cell_icon_pivot left" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { textAlign: dataCellFont.justifyContent, ...shouldWrap ? { wordBreak: "break-word", whiteSpace: "normal" } : { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }, className: "kpi-text cell_text_pivot_pivot", children: formattedValue }),