@bpfdev/oly-ui 1.0.15 → 1.0.16

package/dist/index.mjs

@@ -17027,7 +17027,7 @@ function formatTooltipValue2(n) {
   );
 }
 function PeakBillingHoursTooltip(props) {
-  const { active, payload, label } = props;
+  const { active, payload, label, formatValue: formatValue3 } = props;
   const { barChart: bc } = usePeakBillingHoursCustomization();
   const tt = bc?.tooltip;
   if (!active || !payload?.length) {
@@ -17104,7 +17104,7 @@ function PeakBillingHoursTooltip(props) {
               ] }),
               /* @__PURE__ */ jsxs43("div", { style: { ...rowStyle, marginTop: gap }, children: [
                 /* @__PURE__ */ jsx54("span", { style: { color: prefixCol, fontWeight: prefixFw }, children: totalP }),
-                /* @__PURE__ */ jsx54("span", { style: { color: valueCol, fontWeight: valueFw }, children: formatTooltipValue2(num) })
+                /* @__PURE__ */ jsx54("span", { style: { color: valueCol, fontWeight: valueFw }, children: formatValue3 ? formatValue3(num) : formatTooltipValue2(num) })
               ] })
             ] })
           ]
@@ -17127,7 +17127,17 @@ function toNum5(n) {
   return typeof n === "number" ? n : Number(n);
 }
 function PeakBarTopLabel(props) {
-  const { x, y, width, value, fill, fontSize, fontWeight, angle = 0 } = props;
+  const {
+    x,
+    y,
+    width,
+    value,
+    fill,
+    fontSize,
+    fontWeight,
+    angle = 0,
+    formatValue: formatValue3
+  } = props;
   const nx = toNum5(x);
   const ny = toNum5(y);
   const nw = toNum5(width);
@@ -17151,7 +17161,7 @@ function PeakBarTopLabel(props) {
       fontWeight,
       textAnchor: isHorizontal ? "middle" : "start",
       transform: isHorizontal ? void 0 : `rotate(${angle} ${cx} ${cy})`,
-      children: String(Math.round(n))
+      children: formatValue3 ? formatValue3(n) : String(Math.round(n))
     }
   );
 }
@@ -17166,7 +17176,9 @@ function BarPlot2({
   yAxisTickStyle,
   xAxisTickDx = 0,
   xAxisTickStyle,
-  barValueLabelAngle = 0
+  barValueLabelAngle = 0,
+  barValueLabelFormatter,
+  tooltipValueFormatter
 }) {
   const { barChart: bc } = usePeakBillingHoursCustomization();
   const height = bc?.heightPx ?? 320;
@@ -17248,7 +17260,13 @@ function BarPlot2({
                 });
                 return customTooltip == null ? null : /* @__PURE__ */ jsx55(Fragment22, { children: customTooltip });
               }
-              return /* @__PURE__ */ jsx55(PeakBillingHoursTooltip, { ...tooltipProps });
+              return /* @__PURE__ */ jsx55(
+                PeakBillingHoursTooltip,
+                {
+                  ...tooltipProps,
+                  formatValue: tooltipValueFormatter
+                }
+              );
             },
             cursor: {
               fill: hoverBandFill,
@@ -17278,7 +17296,8 @@ function BarPlot2({
                     fill: labelFill,
                     fontSize: labelFs,
                     fontWeight: 500,
-                    angle: barValueLabelAngle
+                    angle: barValueLabelAngle,
+                    formatValue: barValueLabelFormatter
                   }
                 )
               }
@@ -17304,6 +17323,10 @@ function PeakBillingHours({
   xAxisTickDx = 0,
   xAxisTickStyle,
   barValueLabelAngle = 0,
+  barValueLabelFormatter,
+  valueFormattersByTabId,
+  tooltipValueFormatter,
+  tooltipValueFormattersByTabId,
   yAxisDomain = [0, 50],
   yAxisTicks = [0, 10, 20, 30, 40, 50],
   infoPopover,
@@ -17317,6 +17340,8 @@ function PeakBillingHours({
     }
     return data ?? [];
   }, [seriesByTabId, data, activeTabId]);
+  const resolvedBarValueLabelFormatter = valueFormattersByTabId?.[activeTabId] ?? barValueLabelFormatter;
+  const resolvedTooltipValueFormatter = tooltipValueFormattersByTabId?.[activeTabId] ?? tooltipValueFormatter;
   const resolvedInfo = infoPopover === void 0 ? DEFAULT_PEAK_BILLING_HOURS_INFO_POPOVER : infoPopover;
   const rootSx = mergeSx3(
     {
@@ -17415,7 +17440,9 @@ function PeakBillingHours({
         yAxisTickStyle,
         xAxisTickDx,
         xAxisTickStyle,
-        barValueLabelAngle
+        barValueLabelAngle,
+        barValueLabelFormatter: resolvedBarValueLabelFormatter,
+        tooltipValueFormatter: resolvedTooltipValueFormatter
       }
     ) : /* @__PURE__ */ jsx55(
       ChartEmptyState,