remoraid 3.5.0 → 3.6.0

package/dist/data-visualization/index.cjs

@@ -725,7 +725,7 @@ var require_lodash = __commonJS((exports2, module2) => {
     }
     var runInContext = function runInContext(context) {
       context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-      var { Array: Array2, Date: Date2, Error: Error2, Function: Function2, Math: Math2, Object: Object2, RegExp: RegExp2, String, TypeError: TypeError2 } = context;
+      var { Array: Array2, Date: Date2, Error: Error2, Function: Function2, Math: Math2, Object: Object2, RegExp: RegExp2, String: String2, TypeError: TypeError2 } = context;
       var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
       var coreJsData = context["__core-js_shared__"];
       var funcToString = funcProto.toString;
@@ -1041,7 +1041,7 @@ var require_lodash = __commonJS((exports2, module2) => {
       Stack2.prototype.has = stackHas;
       Stack2.prototype.set = stackSet;
       function arrayLikeKeys(value, inherited) {
-        var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String) : [], length = result2.length;
+        var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String2) : [], length = result2.length;
         for (var key in value) {
           if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
             result2.push(key);
@@ -5463,6 +5463,7 @@ __export(exports_data_visualization, {
   useNivoConfiguration: () => useNivoConfiguration,
   useChartsUserExperience: () => useChartsUserExperience,
   reduceTimeSeriesEntities: () => reduceTimeSeriesEntities,
+  reduceTimeSeriesDimensions: () => reduceTimeSeriesDimensions,
   missingDataAlertProps: () => missingDataAlertProps,
   mergeTimeSeries: () => mergeTimeSeries,
   getChartTypeName: () => getChartTypeName,
@@ -5545,44 +5546,47 @@ function Tooltip({
       /* @__PURE__ */ jsx_runtime.jsxs(import_core.Stack, {
         gap: valuesVerticalGap,
         children: [
-          Object.entries(payload).sort((a, b) => Math.abs(Number(b[1].value)) - Math.abs(Number(a[1].value))).slice(0, maxItems ?? undefined).map(([key, { value, color, unit }], i) => /* @__PURE__ */ jsx_runtime.jsxs(import_core.Group, {
-            gap: valuesHorizontalGap,
-            wrap: "nowrap",
-            justify: "space-between",
-            children: [
-              /* @__PURE__ */ jsx_runtime.jsxs(import_core.Group, {
-                gap: "xs",
-                wrap: "nowrap",
-                align: "center",
-                children: [
-                  color !== undefined && /* @__PURE__ */ jsx_runtime.jsx(import_core.Center, {
-                    children: /* @__PURE__ */ jsx_runtime.jsx(import_icons_react.IconCircleFilled, {
-                      ...theme.componentsProps.icons.medium,
-                      color
+          Object.entries(payload).sort((a, b) => Math.abs(Number(b[1].value)) - Math.abs(Number(a[1].value))).slice(0, maxItems ?? undefined).map(([key, { value, color, unit }], i) => {
+            const formattedValue = String(valueFormat?.(value) ?? value);
+            return /* @__PURE__ */ jsx_runtime.jsxs(import_core.Group, {
+              gap: valuesHorizontalGap,
+              wrap: "nowrap",
+              justify: "space-between",
+              children: [
+                /* @__PURE__ */ jsx_runtime.jsxs(import_core.Group, {
+                  gap: "xs",
+                  wrap: "nowrap",
+                  align: "center",
+                  children: [
+                    color !== undefined && /* @__PURE__ */ jsx_runtime.jsx(import_core.Center, {
+                      children: /* @__PURE__ */ jsx_runtime.jsx(import_icons_react.IconCircleFilled, {
+                        ...theme.componentsProps.icons.medium,
+                        color
+                      })
+                    }),
+                    /* @__PURE__ */ jsx_runtime.jsx(import_core.Text, {
+                      size: "sm",
+                      ...componentsProps?.valueText,
+                      style: {
+                        textWrap: "nowrap",
+                        ...componentsProps?.valueText?.style
+                      },
+                      children: key
                     })
-                  }),
-                  /* @__PURE__ */ jsx_runtime.jsx(import_core.Text, {
-                    size: "sm",
-                    ...componentsProps?.valueText,
-                    style: {
-                      textWrap: "nowrap",
-                      ...componentsProps?.valueText?.style
-                    },
-                    children: key
-                  })
-                ]
-              }, `entry-key-${i}`),
-              /* @__PURE__ */ jsx_runtime.jsx(import_core.Text, {
-                size: "sm",
-                ...componentsProps?.valueText,
-                style: {
-                  textWrap: "nowrap",
-                  ...componentsProps?.valueText?.style
-                },
-                children: `${valueFormat !== undefined ? valueFormat(value) : value} ${unit ?? ""}`
-              }, `entry-value-${i}`)
-            ]
-          }, i)),
+                  ]
+                }, `entry-key-${i}`),
+                /* @__PURE__ */ jsx_runtime.jsx(import_core.Text, {
+                  size: "sm",
+                  ...componentsProps?.valueText,
+                  style: {
+                    textWrap: "nowrap",
+                    ...componentsProps?.valueText?.style
+                  },
+                  children: unit ? `${formattedValue} ${unit}` : formattedValue
+                }, `entry-value-${i}`)
+              ]
+            }, i);
+          }),
           maxItems !== null && Object.entries(payload).length > maxItems && /* @__PURE__ */ jsx_runtime.jsxs(import_core.Text, {
             size: "sm",
             c: "dimmed",
@@ -5804,6 +5808,18 @@ var reduceTimeSeriesEntities = ({ values, units }, reducer, initial) => {
     }))
   };
 };
+var reduceTimeSeriesDimensions = ({ values }, reducer, initial, units) => {
+  return {
+    units,
+    values: values.map(({ date, entities }) => ({
+      date,
+      entities: Object.fromEntries(Object.entries(entities).map(([entity, dimensions]) => [
+        entity,
+        Object.entries(dimensions).reduce(reducer, structuredClone(initial))
+      ]))
+    }))
+  };
+};
 var emptyTimeSeriesData = {
   values: [],
   units: {}
@@ -6115,11 +6131,13 @@ function Chart({
       p95Value = import_d3_array.quantileSorted(sortedSparklineData, 0.95) ?? 0;
       progress = Math.max(0, Math.min(100, p95Value === p5Value ? 0 : (currentValue - p5Value) / (p95Value - p5Value) * 100));
     }
+    const formattedCurrentValue = String(options.valueFormat?.(currentValue) ?? currentValue);
+    const unit = data.units[options.dimension];
     chart = /* @__PURE__ */ jsx_runtime5.jsx(RingSummary, {
       label: options.entity,
       color: options.color ?? chartsUserExperience.colors[0],
       progress,
-      value: sparklineData.length > 0 ? `${options.valueFormat?.(currentValue) ?? currentValue} ${data.units[options.dimension]}` : "No data",
+      value: sparklineData.length > 0 ? unit ? `${formattedCurrentValue} ${unit}` : formattedCurrentValue : "No data",
       icon: options.icon,
       sparklineData,
       ...componentsProps?.chart
@@ -6414,10 +6432,13 @@ function TimeSeriesExplorerWidget({
     ...t,
     [entity]: chartsUserExperience.colors[i % chartsUserExperience.colors.length]
   }), {});
-  const axisLegends = data ? dimensions.reduce((t, d) => ({
-    ...t,
-    [d]: `${d} in ${data.units[d]}`
-  }), {}) : {};
+  const axisLegends = data ? dimensions.reduce((t, d) => {
+    const unit = data.units[d];
+    return {
+      ...t,
+      [d]: unit !== null ? `${d} in ${unit}` : d
+    };
+  }, {}) : {};
   import_react5.useEffect(() => {
     if (!dimensions || dimensions.length < 1) {
       if (selectedDimension) {

package/dist/data-visualization/index.d.ts

@@ -349,7 +349,7 @@ interface TimeSeriesData<
 	Dimension extends string
 > {
 	values: TimeSeriesValue<EntityName, Dimension>[];
-	units: Record<Dimension, string>;
+	units: Record<Dimension, string | null>;
 }
 declare enum ChartType {
 	TimeSeriesStackedAreas = "timeSeriesStackedAreas",
@@ -389,7 +389,7 @@ interface TooltipProps4 {
 	payload: Record<string, {
 		value: number | string
 		color?: string
-		unit?: string
+		unit?: string | null
 	}>;
 	label?: string;
 	valueFormat?: (value: number | string) => number | string;
@@ -522,8 +522,13 @@ declare const reduceTimeSeriesEntities: <
 	EOut extends string,
 	D extends string
 >({ values, units }: TimeSeriesData<EIn, D>, reducer: (previousValue: Record<EOut, Record<D, number | number[]>>, currentValue: [EIn, Record<D, number | number[]>], currentIndex: number, array: [EIn, Record<D, number | number[]>][]) => Record<EOut, Record<D, number | number[]>>, initial: Record<EOut, Record<D, number | number[]>>) => TimeSeriesData<EOut, D>;
+declare const reduceTimeSeriesDimensions: <
+	EntityName extends string,
+	DIn extends string,
+	DOut extends string
+>({ values }: TimeSeriesData<EntityName, DIn>, reducer: (previousValue: Record<DOut, number | number[]>, currentValue: [DIn, number | number[]], currentIndex: number, array: [DIn, number | number[]][]) => Record<DOut, number | number[]>, initial: Record<DOut, number | number[]>, units: Record<DOut, string | null>) => TimeSeriesData<EntityName, DOut>;
 declare const emptyTimeSeriesData: TimeSeriesData<string, string>;
 declare const missingDataAlertProps: (props?: Partial<AlertMinimalProps>) => AlertMinimalProps;
 declare const downloadJson: (data: any, filename?: string) => void;
 declare const copyToClipboard: (value: string) => Promise<void>;
-export { useNivoConfiguration, useChartsUserExperience, reduceTimeSeriesEntities, missingDataAlertProps, mergeTimeSeries, getChartTypeName, emptyTimeSeriesData, downloadJson, defaultVerticalChartsWidgetId, defaultUserExperienceCookieName2 as defaultUserExperienceCookieName, defaultUserExperience2 as defaultUserExperience, defaultTimeseriesExplorerWidgetId, defaultSingleChartWidgetId, defaultJsonWidgetId, defaultChartsSettingsWidgetId, defaultChartHeights, createNivoConfiguration, copyToClipboard, VerticalChartsWidgetProps, VerticalChartsWidget, TimeSeriesValue, TimeSeriesStackedAreasChartWindow, TimeSeriesExplorerWidgetProps, TimeSeriesExplorerWidget, TimeSeriesData, SingleChartWidgetProps, SingleChartWidget, RemoraidDataVisualizationProviderProps, RemoraidDataVisualizationProvider, NivoConfigurationProviderProps, NivoConfigurationDependencies, NivoConfigurationCallback, NivoConfiguration, JSONWidgetProps, JSONWidget, ChartsUserExperience, ChartsSettingsProps, ChartsSettings, ChartType, ChartPropsGeneric, ChartProps, ChartOptions, ChartData, Chart };
+export { useNivoConfiguration, useChartsUserExperience, reduceTimeSeriesEntities, reduceTimeSeriesDimensions, missingDataAlertProps, mergeTimeSeries, getChartTypeName, emptyTimeSeriesData, downloadJson, defaultVerticalChartsWidgetId, defaultUserExperienceCookieName2 as defaultUserExperienceCookieName, defaultUserExperience2 as defaultUserExperience, defaultTimeseriesExplorerWidgetId, defaultSingleChartWidgetId, defaultJsonWidgetId, defaultChartsSettingsWidgetId, defaultChartHeights, createNivoConfiguration, copyToClipboard, VerticalChartsWidgetProps, VerticalChartsWidget, TimeSeriesValue, TimeSeriesStackedAreasChartWindow, TimeSeriesExplorerWidgetProps, TimeSeriesExplorerWidget, TimeSeriesData, SingleChartWidgetProps, SingleChartWidget, RemoraidDataVisualizationProviderProps, RemoraidDataVisualizationProvider, NivoConfigurationProviderProps, NivoConfigurationDependencies, NivoConfigurationCallback, NivoConfiguration, JSONWidgetProps, JSONWidget, ChartsUserExperience, ChartsSettingsProps, ChartsSettings, ChartType, ChartPropsGeneric, ChartProps, ChartOptions, ChartData, Chart };

package/dist/data-visualization/index.js

@@ -701,7 +701,7 @@ var require_lodash = __commonJS((exports, module) => {
     }
     var runInContext = function runInContext(context) {
       context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-      var { Array: Array2, Date: Date2, Error: Error2, Function: Function2, Math: Math2, Object: Object2, RegExp: RegExp2, String, TypeError: TypeError2 } = context;
+      var { Array: Array2, Date: Date2, Error: Error2, Function: Function2, Math: Math2, Object: Object2, RegExp: RegExp2, String: String2, TypeError: TypeError2 } = context;
       var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
       var coreJsData = context["__core-js_shared__"];
       var funcToString = funcProto.toString;
@@ -1017,7 +1017,7 @@ var require_lodash = __commonJS((exports, module) => {
       Stack2.prototype.has = stackHas;
       Stack2.prototype.set = stackSet;
       function arrayLikeKeys(value, inherited) {
-        var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String) : [], length = result2.length;
+        var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String2) : [], length = result2.length;
         for (var key in value) {
           if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
             result2.push(key);
@@ -5503,44 +5503,47 @@ function Tooltip({
       /* @__PURE__ */ jsxs(Stack, {
         gap: valuesVerticalGap,
         children: [
-          Object.entries(payload).sort((a, b) => Math.abs(Number(b[1].value)) - Math.abs(Number(a[1].value))).slice(0, maxItems ?? undefined).map(([key, { value, color, unit }], i) => /* @__PURE__ */ jsxs(Group, {
-            gap: valuesHorizontalGap,
-            wrap: "nowrap",
-            justify: "space-between",
-            children: [
-              /* @__PURE__ */ jsxs(Group, {
-                gap: "xs",
-                wrap: "nowrap",
-                align: "center",
-                children: [
-                  color !== undefined && /* @__PURE__ */ jsx(Center, {
-                    children: /* @__PURE__ */ jsx(IconCircleFilled, {
-                      ...theme.componentsProps.icons.medium,
-                      color
+          Object.entries(payload).sort((a, b) => Math.abs(Number(b[1].value)) - Math.abs(Number(a[1].value))).slice(0, maxItems ?? undefined).map(([key, { value, color, unit }], i) => {
+            const formattedValue = String(valueFormat?.(value) ?? value);
+            return /* @__PURE__ */ jsxs(Group, {
+              gap: valuesHorizontalGap,
+              wrap: "nowrap",
+              justify: "space-between",
+              children: [
+                /* @__PURE__ */ jsxs(Group, {
+                  gap: "xs",
+                  wrap: "nowrap",
+                  align: "center",
+                  children: [
+                    color !== undefined && /* @__PURE__ */ jsx(Center, {
+                      children: /* @__PURE__ */ jsx(IconCircleFilled, {
+                        ...theme.componentsProps.icons.medium,
+                        color
+                      })
+                    }),
+                    /* @__PURE__ */ jsx(Text, {
+                      size: "sm",
+                      ...componentsProps?.valueText,
+                      style: {
+                        textWrap: "nowrap",
+                        ...componentsProps?.valueText?.style
+                      },
+                      children: key
                     })
-                  }),
-                  /* @__PURE__ */ jsx(Text, {
-                    size: "sm",
-                    ...componentsProps?.valueText,
-                    style: {
-                      textWrap: "nowrap",
-                      ...componentsProps?.valueText?.style
-                    },
-                    children: key
-                  })
-                ]
-              }, `entry-key-${i}`),
-              /* @__PURE__ */ jsx(Text, {
-                size: "sm",
-                ...componentsProps?.valueText,
-                style: {
-                  textWrap: "nowrap",
-                  ...componentsProps?.valueText?.style
-                },
-                children: `${valueFormat !== undefined ? valueFormat(value) : value} ${unit ?? ""}`
-              }, `entry-value-${i}`)
-            ]
-          }, i)),
+                  ]
+                }, `entry-key-${i}`),
+                /* @__PURE__ */ jsx(Text, {
+                  size: "sm",
+                  ...componentsProps?.valueText,
+                  style: {
+                    textWrap: "nowrap",
+                    ...componentsProps?.valueText?.style
+                  },
+                  children: unit ? `${formattedValue} ${unit}` : formattedValue
+                }, `entry-value-${i}`)
+              ]
+            }, i);
+          }),
           maxItems !== null && Object.entries(payload).length > maxItems && /* @__PURE__ */ jsxs(Text, {
             size: "sm",
             c: "dimmed",
@@ -5782,6 +5785,18 @@ var reduceTimeSeriesEntities = ({ values, units }, reducer, initial) => {
     }))
   };
 };
+var reduceTimeSeriesDimensions = ({ values }, reducer, initial, units) => {
+  return {
+    units,
+    values: values.map(({ date, entities }) => ({
+      date,
+      entities: Object.fromEntries(Object.entries(entities).map(([entity, dimensions]) => [
+        entity,
+        Object.entries(dimensions).reduce(reducer, structuredClone(initial))
+      ]))
+    }))
+  };
+};
 var emptyTimeSeriesData = {
   values: [],
   units: {}
@@ -6100,11 +6115,13 @@ function Chart({
       p95Value = quantileSorted(sortedSparklineData, 0.95) ?? 0;
       progress = Math.max(0, Math.min(100, p95Value === p5Value ? 0 : (currentValue - p5Value) / (p95Value - p5Value) * 100));
     }
+    const formattedCurrentValue = String(options.valueFormat?.(currentValue) ?? currentValue);
+    const unit = data.units[options.dimension];
     chart = /* @__PURE__ */ jsx5(RingSummary, {
       label: options.entity,
       color: options.color ?? chartsUserExperience.colors[0],
       progress,
-      value: sparklineData.length > 0 ? `${options.valueFormat?.(currentValue) ?? currentValue} ${data.units[options.dimension]}` : "No data",
+      value: sparklineData.length > 0 ? unit ? `${formattedCurrentValue} ${unit}` : formattedCurrentValue : "No data",
       icon: options.icon,
       sparklineData,
       ...componentsProps?.chart
@@ -6423,10 +6440,13 @@ function TimeSeriesExplorerWidget({
     ...t,
     [entity]: chartsUserExperience.colors[i % chartsUserExperience.colors.length]
   }), {});
-  const axisLegends = data ? dimensions.reduce((t, d) => ({
-    ...t,
-    [d]: `${d} in ${data.units[d]}`
-  }), {}) : {};
+  const axisLegends = data ? dimensions.reduce((t, d) => {
+    const unit = data.units[d];
+    return {
+      ...t,
+      [d]: unit !== null ? `${d} in ${unit}` : d
+    };
+  }, {}) : {};
   useEffect(() => {
     if (!dimensions || dimensions.length < 1) {
       if (selectedDimension) {
@@ -6557,6 +6577,7 @@ export {
   useNivoConfiguration,
   useChartsUserExperience,
   reduceTimeSeriesEntities,
+  reduceTimeSeriesDimensions,
   missingDataAlertProps,
   mergeTimeSeries,
   getChartTypeName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remoraid",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "author": "Konrad Goldammer",
   "repository": {
     "type": "git",