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

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

@@ -75665,7 +75665,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     refetchInterval,
     width,
     height,
-    formatValue
+    formatValue,
+    formatTimestamp: formatTimestamp$1
   }) => {
     const {
       data: series,
@@ -75704,11 +75705,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ] });
     }
     const valueFormatter = formatValue ?? formatBytes;
+    const timestampFormatter = formatTimestamp$1 ?? formatTimestamp;
     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(XAxis, { dataKey: "timestamp", tickFormatter: timestampFormatter }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: valueFormatter }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => formatTimestamp(v) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => timestampFormatter(v) }),
       series?.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         Area,
         {
@@ -75755,7 +75757,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     refetchInterval,
     width,
     height,
-    formatValue
+    formatValue,
+    formatTimestamp: formatTimestamp$1
   }) => {
     const { data = [], isLoading, error } = usePromMatrixToLineSingle({ baseUrl, query, range, refetchInterval });
     if (isLoading) {
@@ -75768,25 +75771,25 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ] });
     }
     const valueFormatter = formatValue ?? formatBytes;
+    const xAxisFormatter = formatTimestamp$1 ?? ((value) => {
+      const ts = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
+      if (!Number.isFinite(ts)) {
+        return "";
+      }
+      return new Date(ts).toLocaleTimeString();
+    });
+    const tooltipTimestampFormatter = formatTimestamp$1 ?? formatTimestamp;
     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(XAxis, { dataKey: "timestamp", type: "number", domain: ["auto", "auto"], tickFormatter: xAxisFormatter }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: (value) => valueFormatter(value) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        XAxis,
+        Tooltip,
         {
-          dataKey: "timestamp",
-          type: "number",
-          domain: ["auto", "auto"],
-          tickFormatter: (value) => {
-            const ts = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
-            if (!Number.isFinite(ts)) {
-              return "";
-            }
-            return new Date(ts).toLocaleTimeString();
-          }
+          formatter: (value) => valueFormatter(value),
+          labelFormatter: (value) => tooltipTimestampFormatter(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,
         {
@@ -75827,7 +75830,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     refetchInterval,
     width,
     height,
-    formatValue
+    formatValue,
+    formatTimestamp: formatTimestamp$1
   }) => {
     const { data: series = [], isLoading, error } = usePromMatrixToLineMulti({ baseUrl, query, range, refetchInterval });
     const chartData = React$1.useMemo(() => matrixToStackedAreaData(series), [series]);
@@ -75841,11 +75845,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ] });
     }
     const valueFormatter = formatValue ?? formatBytes;
+    const timestampFormatter = formatTimestamp$1 ?? formatTimestamp;
     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(XAxis, { dataKey: "timestamp", tickFormatter: timestampFormatter }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: valueFormatter }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => formatTimestamp(v) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => timestampFormatter(v) }),
       series.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         Area,
         {
@@ -75871,7 +75876,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     refetchInterval,
     width,
     height,
-    formatValue
+    formatValue,
+    formatTimestamp: formatTimestamp$1
   }) => {
     const {
       data: series,
@@ -75910,11 +75916,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ] });
     }
     const valueFormatter = formatValue ?? formatBytes;
+    const timestampFormatter = formatTimestamp$1 ?? formatTimestamp;
     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(XAxis, { dataKey: "timestamp", tickFormatter: timestampFormatter }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: valueFormatter }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => formatTimestamp(v) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { formatter: (v) => valueFormatter(v), labelFormatter: (v) => timestampFormatter(v) }),
       series?.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         Line,
         {
@@ -75937,7 +75944,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     refetchInterval,
     width,
     height,
-    formatValue
+    formatValue,
+    formatTimestamp: formatTimestamp$1
   }) => {
     const {
       data = [],
@@ -75959,25 +75967,25 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ] });
     }
     const valueFormatter = formatValue ?? formatBytes;
+    const xAxisFormatter = formatTimestamp$1 ?? ((value) => {
+      const ts = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
+      if (!Number.isFinite(ts)) {
+        return "";
+      }
+      return new Date(ts).toLocaleTimeString();
+    });
+    const tooltipTimestampFormatter = formatTimestamp$1 ?? formatTimestamp;
     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(XAxis, { dataKey: "timestamp", type: "number", domain: ["auto", "auto"], tickFormatter: xAxisFormatter }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { tickFormatter: (value) => valueFormatter(value) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        XAxis,
+        Tooltip,
         {
-          dataKey: "timestamp",
-          type: "number",
-          domain: ["auto", "auto"],
-          tickFormatter: (value) => {
-            const ts = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
-            if (!Number.isFinite(ts)) {
-              return "";
-            }
-            return new Date(ts).toLocaleTimeString();
-          }
+          formatter: (value) => valueFormatter(value),
+          labelFormatter: (value) => tooltipTimestampFormatter(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,
         {
@@ -76087,7 +76095,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     range = "1h",
     refetchInterval,
     title = "Memory usage (min / max / current)",
-    formatValue
+    formatValue,
+    formatTimestamp: formatTimestamp$1
   }) => {
     const {
       data: series = [],
@@ -76128,6 +76137,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       });
     }, [series]);
     const valueFormatter = formatValue ?? formatBytes;
+    const timestampFormatter = formatTimestamp$1 ?? formatTimestamp;
     const columns = React$1.useMemo(
       () => [
         {
@@ -76172,11 +76182,11 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           dataIndex: "currentTs",
           key: "currentTs",
           width: 180,
-          render: (ts) => ts == null ? "—" : formatTimestamp(ts),
+          render: (ts) => ts == null ? "-" : timestampFormatter(ts),
           sorter: (a, b) => (a.currentTs ?? -Infinity) - (b.currentTs ?? -Infinity)
         }
       ],
-      [valueFormatter]
+      [valueFormatter, timestampFormatter]
     );
     if (error) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -76492,6 +76502,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     query = "container_memory_usage_bytes",
     refetchInterval,
     formatValue,
+    formatTimestamp: formatTimestamp$1,
     title = "Vector → Table"
   }) => {
     const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
@@ -76500,6 +76511,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       return rows.map((r) => ({ key: r.id, ...r }));
     }, [data]);
     const valueFormatter = formatValue ?? formatBytes;
+    const timestampFormatter = formatTimestamp$1 ?? formatTimestamp;
     const columns = React$1.useMemo(
       () => [
         {
@@ -76524,12 +76536,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           title: "timestamp",
           dataIndex: "timestamp",
           key: "timestamp",
-          render: (ts) => formatTimestamp?.(ts) ?? new Date(ts).toLocaleString(),
+          render: (ts) => timestampFormatter(ts),
           sorter: (a, b) => a.timestamp - b.timestamp,
           width: 220
         }
       ],
-      [valueFormatter]
+      [valueFormatter, timestampFormatter]
     );
     if (error) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -76665,6 +76677,95 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ] });
   };
 
+  const toDate = (input) => {
+    const d = input instanceof Date ? input : new Date(input);
+    return Number.isFinite(d.getTime()) ? d : null;
+  };
+  const formatRelative = (date, { locale, timeZone, relative }) => {
+    const nowDate = relative?.now ? toDate(relative.now) ?? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date();
+    const diffMs = date.getTime() - nowDate.getTime();
+    const absMs = Math.abs(diffMs);
+    const divisions = [
+      ["year", 1e3 * 60 * 60 * 24 * 365],
+      ["month", 1e3 * 60 * 60 * 24 * 30],
+      ["week", 1e3 * 60 * 60 * 24 * 7],
+      ["day", 1e3 * 60 * 60 * 24],
+      ["hour", 1e3 * 60 * 60],
+      ["minute", 1e3 * 60],
+      ["second", 1e3]
+    ];
+    const forcedUnit = relative?.unit;
+    const [unit, unitMs] = forcedUnit ? divisions.find((d) => d[0] === forcedUnit) ?? ["second", 1e3] : divisions.find(([, ms]) => absMs >= ms) ?? ["second", 1e3];
+    const value = Math.round(diffMs / unitMs);
+    const rtf = new Intl.RelativeTimeFormat(locale, { numeric: relative?.numeric ?? "auto" });
+    return rtf.format(value, unit);
+  };
+  const presetIntlOptions = (style, opts) => {
+    const { hour12 = false, seconds, timeZoneName } = opts;
+    switch (style) {
+      case "date":
+        return { year: "numeric", month: "long", day: "numeric" };
+      case "time":
+        return {
+          hour: "2-digit",
+          minute: "2-digit",
+          ...seconds ? { second: "2-digit" } : {},
+          hour12
+        };
+      case "datetime":
+        return {
+          year: "numeric",
+          month: "long",
+          day: "numeric",
+          hour: "2-digit",
+          minute: "2-digit",
+          ...seconds ? { second: "2-digit" } : {},
+          hour12
+        };
+      case "timestamp":
+        return {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit",
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit",
+          hour12
+        };
+      case "full":
+        return {
+          year: "numeric",
+          month: "long",
+          day: "numeric",
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit",
+          hour12,
+          timeZoneName: timeZoneName ?? "short"
+        };
+      case "custom":
+        return opts.intl ?? {};
+      default:
+        return {};
+    }
+  };
+  const formatDateAuto = (input, options = {}) => {
+    const date = toDate(input);
+    if (!date) return "Invalid date";
+    const style = options.style ?? "datetime";
+    if (style === "iso") {
+      return date.toISOString();
+    }
+    if (style === "relative") {
+      return formatRelative(date, options);
+    }
+    const intlOpts = presetIntlOptions(style, options);
+    return date.toLocaleString(options.locale, {
+      ...intlOpts,
+      ...options.timeZone ? { timeZone: options.timeZone } : {}
+    });
+  };
+
   const createValueFormatter = ({
     formatter,
     unit
@@ -76694,6 +76795,30 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }
     return void 0;
   };
+  const createDateFormatter = (options) => {
+    if (!options) {
+      return void 0;
+    }
+    return (value) => {
+      if (value == null) {
+        return "";
+      }
+      let input = null;
+      if (value instanceof Date) {
+        input = value;
+      } else if (typeof value === "number") {
+        input = value;
+      } else if (typeof value === "string") {
+        const num = Number(value);
+        input = Number.isFinite(num) ? num : value;
+      }
+      if (input == null) {
+        return "";
+      }
+      const formatted = formatDateAuto(input, options);
+      return formatted === "Invalid date" ? "" : formatted;
+    };
+  };
 
   const COMPONENTS = {
     MatrixToAreaMulti,
@@ -76730,6 +76855,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       topN,
       formatter,
       unit,
+      dateFormatter,
       ...props
     } = data;
     const partsOfUrl = usePartsOfUrl();
@@ -76744,7 +76870,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       ])
     );
     const formatValue = createValueFormatter({ formatter, unit });
-    const preparedProps = { width, height, refetchInterval, min, max, topN, formatValue, ...parsedProps };
+    const formatTimestamp = createDateFormatter(dateFormatter);
+    const preparedProps = { width, height, refetchInterval, min, max, topN, formatValue, formatTimestamp, ...parsedProps };
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
@@ -85670,6 +85797,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   exports.floorToDecimal = floorToDecimal;
   exports.formatBytesAuto = formatBytesAuto;
   exports.formatCoresAuto = formatCoresAuto;
+  exports.formatDateAuto = formatDateAuto;
   exports.getAllPathsFromObj = getAllPathsFromObj;
   exports.getApiResourceSingle = getApiResourceSingle;
   exports.getApiResourceTypes = getApiResourceTypes;