pace-table-lib 1.0.68 → 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) {
@@ -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"
@@ -18412,10 +18414,12 @@ function StaticTable({
       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;
+          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) {
-          return dimensionMarks.filter((row) => row.some((item) => item?.toLowerCase() === currentVal)).length > 1;
+          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) {
@@ -19961,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(
@@ -19977,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
@@ -20020,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 }),