@prorobotech/openapi-k8s-toolkit 1.2.0-alpha.19 → 1.2.0-alpha.20

package/dist/openapi-k8s-toolkit.es.js

@@ -75649,7 +75649,8 @@ const MatrixToAreaMulti = ({
   range = "1h",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const {
     data: series,
@@ -75687,11 +75688,12 @@ const MatrixToAreaMulti = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AreaChart, { data: chartData, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "timestamp", tickFormatter: formatTimestamp }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: formatBytes }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => formatBytes(v), labelFormatter: (v) => formatTimestamp(v) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: valueFormatter }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => formatTimestamp(v) }),
     series?.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       Area,
       {
@@ -75737,7 +75739,8 @@ const MatrixToAreaSingle = ({
   range = "1h",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const { data = [], isLoading, error } = usePromMatrixToLineSingle({ baseUrl, query, range, refetchInterval });
   if (isLoading) {
@@ -75749,6 +75752,7 @@ const MatrixToAreaSingle = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AreaChart, { data, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -75766,8 +75770,8 @@ const MatrixToAreaSingle = ({
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: (value) => formatBytes(value) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (value) => formatBytes(value), labelFormatter: (value) => formatTimestamp(value) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: (value) => valueFormatter(value) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (value) => valueFormatter(value), labelFormatter: (value) => formatTimestamp(value) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Area,
       {
@@ -75807,7 +75811,8 @@ const MatrixToAreaStacked = ({
   range = "1h",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const { data: series = [], isLoading, error } = usePromMatrixToLineMulti({ baseUrl, query, range, refetchInterval });
   const chartData = useMemo(() => matrixToStackedAreaData(series), [series]);
@@ -75820,11 +75825,12 @@ const MatrixToAreaStacked = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AreaChart, { data: chartData, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "timestamp", tickFormatter: formatTimestamp }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: formatBytes }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => formatBytes(v), labelFormatter: (v) => formatTimestamp(v) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: valueFormatter }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => formatTimestamp(v) }),
     series.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       Area,
       {
@@ -75849,7 +75855,8 @@ const MatrixToLineMulti = ({
   range = "1h",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const {
     data: series,
@@ -75887,11 +75894,12 @@ const MatrixToLineMulti = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(LineChart, { data: chartData, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "timestamp", tickFormatter: formatTimestamp }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: formatBytes }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => formatBytes(v), labelFormatter: (v) => formatTimestamp(v) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: valueFormatter }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => formatTimestamp(v) }),
     series?.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       Line,
       {
@@ -75913,7 +75921,8 @@ const MatrixToLineSingle = ({
   range = "1h",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const {
     data = [],
@@ -75934,6 +75943,7 @@ const MatrixToLineSingle = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(LineChart, { data, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -75951,8 +75961,8 @@ const MatrixToLineSingle = ({
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: (value) => formatBytes(value) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (value) => formatBytes(value), labelFormatter: (value) => formatTimestamp(value) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: (value) => valueFormatter(value) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (value) => valueFormatter(value), labelFormatter: (value) => formatTimestamp(value) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Line,
       {
@@ -76018,7 +76028,8 @@ const MatrixToReducedBar = ({
   refetchInterval,
   mode = "avg",
   width,
-  height
+  height,
+  formatValue
 }) => {
   const {
     data: series = [],
@@ -76043,8 +76054,14 @@ const MatrixToReducedBar = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(BarChart, { data: reduced, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "id" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (value) => `${value} bytes`, labelFormatter: (label) => `Series: ${label}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: formatValue }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Tooltip,
+      {
+        formatter: (value) => formatValue ? formatValue(Number(value)) : `${value} bytes`,
+        labelFormatter: (label) => `Series: ${label}`
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { dataKey: "value", children: reduced.map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Cell, { fill: `hsl(${i * 35 % 360}, 70%, 55%)` }, `cell-${i}`)) })
   ] }) }) });
 };
@@ -76054,7 +76071,8 @@ const MatrixToTableRows = ({
   query = "container_memory_usage_bytes",
   range = "1h",
   refetchInterval,
-  title = "Memory usage (min / max / current)"
+  title = "Memory usage (min / max / current)",
+  formatValue
 }) => {
   const {
     data: series = [],
@@ -76094,6 +76112,7 @@ const MatrixToTableRows = ({
       };
     });
   }, [series]);
+  const valueFormatter = formatValue ?? formatBytes;
   const columns = useMemo(
     () => [
       {
@@ -76112,7 +76131,7 @@ const MatrixToTableRows = ({
         dataIndex: "min",
         key: "min",
         align: "right",
-        render: (v) => v == null ? "—" : formatBytes(v),
+        render: (v) => v == null ? "-" : valueFormatter(v),
         sorter: (a, b) => (a.min ?? -Infinity) - (b.min ?? -Infinity),
         defaultSortOrder: void 0
       },
@@ -76121,7 +76140,7 @@ const MatrixToTableRows = ({
         dataIndex: "max",
         key: "max",
         align: "right",
-        render: (v) => v == null ? "—" : formatBytes(v),
+        render: (v) => v == null ? "-" : valueFormatter(v),
         sorter: (a, b) => (a.max ?? -Infinity) - (b.max ?? -Infinity)
       },
       {
@@ -76129,7 +76148,7 @@ const MatrixToTableRows = ({
         dataIndex: "current",
         key: "current",
         align: "right",
-        render: (v) => v == null ? "—" : formatBytes(v),
+        render: (v) => v == null ? "-" : valueFormatter(v),
         sorter: (a, b) => (a.current ?? -Infinity) - (b.current ?? -Infinity),
         defaultSortOrder: "descend"
       },
@@ -76142,7 +76161,7 @@ const MatrixToTableRows = ({
         sorter: (a, b) => (a.currentTs ?? -Infinity) - (b.currentTs ?? -Infinity)
       }
     ],
-    []
+    [valueFormatter]
   );
   if (error) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -76211,7 +76230,8 @@ const VectorToBarGauge = ({
   refetchInterval,
   topN = 10,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
   const items = useMemo(() => {
@@ -76227,11 +76247,12 @@ const VectorToBarGauge = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(BarChart, { data: items, layout: "vertical", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { type: "number", tickFormatter: formatBytes }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { type: "number", tickFormatter: valueFormatter }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { type: "category", dataKey: "id", width: 160 }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => formatBytes(v) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { dataKey: "value", children: items.map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Cell, { fill: `hsl(${i * 35 % 360}, 70%, 55%)` }, `cell-${i}`)) })
   ] }) }) });
 };
@@ -76268,7 +76289,8 @@ const VectorToBarHorizontal = ({
   query = "container_memory_usage_bytes",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
   const items = useMemo(() => data ? vectorToBarHorizontal(data) : [], [data]);
@@ -76281,11 +76303,12 @@ const VectorToBarHorizontal = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(BarChart, { data: items, layout: "vertical", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { type: "number", tickFormatter: formatBytes }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { type: "number", tickFormatter: valueFormatter }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { type: "category", dataKey: "id", width: 140 }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => formatBytes(v) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { dataKey: "value", children: items.map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Cell, { fill: `hsl(${i * 35 % 360}, 70%, 55%)` }, `cell-${i}`)) })
   ] }) }) });
 };
@@ -76295,7 +76318,8 @@ const VectorToBarVertical = ({
   query = "container_memory_usage_bytes",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
   const items = useMemo(() => data ? vectorToBarVertical(data) : [], [data]);
@@ -76308,11 +76332,12 @@ const VectorToBarVertical = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(BarChart, { data: items, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "id" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: formatBytes }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => formatBytes(v) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: valueFormatter }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { dataKey: "value", children: items.map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Cell, { fill: `hsl(${i * 35 % 360}, 70%, 55%)` }, `cell-${i}`)) })
   ] }) }) });
 };
@@ -76336,7 +76361,8 @@ const VectorToGaugeRadial = ({
   min = 0,
   max = 1,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
   const gauge = useMemo(() => data ? vectorToGaugeRadial(data) : null, [data]);
@@ -76345,6 +76371,7 @@ const VectorToGaugeRadial = ({
   const filled = clamped - min;
   const total = max - min;
   const rest = Math.max(0, total - filled);
+  const displayValue = formatValue ? formatValue(value) : String(value);
   const chartData = useMemo(
     () => [
       { name: "value", value: filled },
@@ -76368,7 +76395,7 @@ const VectorToGaugeRadial = ({
         ":"
       ] }),
       " ",
-      String(value)
+      displayValue
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PieChart, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -76410,7 +76437,8 @@ const VectorToPie = ({
   query = "container_memory_usage_bytes",
   refetchInterval,
   width,
-  height
+  height,
+  formatValue
 }) => {
   const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
   const slices = useMemo(() => data ? vectorToPie(data) : [], [data]);
@@ -76423,8 +76451,9 @@ const VectorToPie = ({
       error.message
     ] });
   }
+  const valueFormatter = formatValue ?? formatBytes;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(WidthHeightDiv, { $width: width, $height: height, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(PieChart, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => formatBytes(v) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Pie, { data: slices, dataKey: "value", nameKey: "id", label: true, children: slices.map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Cell, { fill: `hsl(${i * 60 % 360}, 70%, 55%)` }, `cell-${i}`)) })
   ] }) }) });
 };
@@ -76447,6 +76476,7 @@ const VectorToTableRows = ({
   baseUrl,
   query = "container_memory_usage_bytes",
   refetchInterval,
+  formatValue,
   title = "Vector → Table"
 }) => {
   const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
@@ -76454,6 +76484,7 @@ const VectorToTableRows = ({
     const rows = data ? vectorToTableRows(data) : [];
     return rows.map((r) => ({ key: r.id, ...r }));
   }, [data]);
+  const valueFormatter = formatValue ?? formatBytes;
   const columns = useMemo(
     () => [
       {
@@ -76469,7 +76500,7 @@ const VectorToTableRows = ({
         dataIndex: "value",
         key: "value",
         align: "right",
-        render: (v) => formatBytes(v),
+        render: (v) => valueFormatter(v),
         sorter: (a, b) => a.value - b.value,
         defaultSortOrder: "descend",
         width: 160
@@ -76483,7 +76514,7 @@ const VectorToTableRows = ({
         width: 220
       }
     ],
-    []
+    [valueFormatter]
   );
   if (error) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -76568,9 +76599,12 @@ const ScalarToGauge = ({
   }
   const v = gauge?.value;
   const safeV = v == null || !Number.isFinite(v) ? null : v;
+  const valueFormatter = formatValue ?? ((val) => String(val));
   const denom = max - min;
   const percent = safeV == null || !Number.isFinite(denom) || denom === 0 ? 0 : Math.round(clamp01((safeV - min) / denom) * 100);
-  const label = safeV == null ? "—" : formatValue ? formatValue(safeV) : String(safeV);
+  const label = safeV == null ? "-" : valueFormatter(safeV);
+  const minLabel = valueFormatter(min);
+  const maxLabel = valueFormatter(max);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card$1, { size: "small", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: title }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
@@ -76581,9 +76615,9 @@ const ScalarToGauge = ({
       " ",
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Text, { type: "secondary", children: [
         "(",
-        min,
-        " → ",
-        max,
+        minLabel,
+        " - ",
+        maxLabel,
         ")"
       ] })
     ] }) }),
@@ -76608,13 +76642,44 @@ const ScalarToStat = ({
     error.message ?? String(error)
   ] });
   const value = stat?.value;
-  const display = value == null || !Number.isFinite(value) ? "—" : formatValue ? formatValue(value) : value;
+  const valueFormatter = formatValue ?? ((v) => v);
+  const display = value == null || !Number.isFinite(value) ? "-" : valueFormatter(value);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card$1, { size: "small", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: title }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Statistic, { value: display, loading: isLoading })
   ] });
 };
 
+const createValueFormatter = ({
+  formatter,
+  unit
+}) => {
+  if (formatter === "none") {
+    return (value) => {
+      return String(value);
+    };
+  }
+  if (formatter === "bytes") {
+    return (value) => {
+      const num = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
+      return Number.isFinite(num) ? formatBytesAuto(num) : value != null ? String(value) : "";
+    };
+  }
+  if (formatter === "cores") {
+    return (value) => {
+      const num = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
+      return Number.isFinite(num) ? formatCoresAuto(num) : value != null ? String(value) : "";
+    };
+  }
+  if (formatter === "unit") {
+    return (value) => {
+      const strValue = String(value);
+      return `${strValue} ${unit}`;
+    };
+  }
+  return void 0;
+};
+
 const COMPONENTS = {
   MatrixToAreaMulti,
   MatrixToAreaSingle,
@@ -76648,6 +76713,8 @@ const PrometheusGraph = ({
     min,
     max,
     topN,
+    formatter,
+    unit,
     ...props
   } = data;
   const partsOfUrl = usePartsOfUrl();
@@ -76661,7 +76728,8 @@ const PrometheusGraph = ({
       v === void 0 ? void 0 : parseAll({ text: v, replaceValues, multiQueryData })
     ])
   );
-  const preparedProps = { width, height, refetchInterval, min, max, topN, ...parsedProps };
+  const formatValue = createValueFormatter({ formatter, unit });
+  const preparedProps = { width, height, refetchInterval, min, max, topN, formatValue, ...parsedProps };
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }