@oliasoft-open-source/charts-library 3.3.6-beta-2 → 3.3.6-beta-4

package/dist/index.js

@@ -13059,9 +13059,7 @@ const ANNOTATION_DASH = [10, 2];
 const DEFAULT_FONT_SIZE = 13;
 const DEFAULT_FONT_FAMILY = '"Lato", sans-serif';
 const DEFAULT_COLOR = "rgba(0,0,0,.87)";
-const LEGEND_LABEL_BOX_SIZE = 12;
-const TOOLTIP_PADDING = 8;
-const TOOLTIP_BOX_PADDING = 4;
+const LEGEND_LABEL_BOX_SIZE = 6;
 const LOGARITHMIC_STEPS = [1, 10, 100, 1e3, 1e4];
 const COLORS = [
   "#3366cc",
@@ -37332,7 +37330,7 @@ const getAnnotationsData = (data) => {
   return data.reduce((acc, obj) => {
     return {
       ...acc,
-      [obj.annotationAxis]: [...acc[obj.annotationAxis] || [], obj.value]
+      [obj.annotationAxis]: [...acc[obj.annotationAxis] || [], +obj.value]
     };
   }, {});
 };
@@ -37357,15 +37355,14 @@ const getAxesData = (scalesKeys, datasets, annotationsData) => {
     const reduceData = (arr, key) => arr.reduce((acc, { [key]: value }) => [...acc, value], []);
     return datasets.reduce(
       (acc, obj) => {
-        const include = Object.values(obj).some((val) => axes.includes(val));
-        const key = include ? second : first;
+        const key = Object.values(obj).find((val) => axes.includes(val));
         return {
           ...acc,
           [key]: [
             .../* @__PURE__ */ new Set([
               ...acc[key],
               ...reduceData(obj == null ? void 0 : obj.data, multiAxesKey),
-              ...!include && (data == null ? void 0 : data[multiAxesKey]) || []
+              ...key === multiAxesKey && (data == null ? void 0 : data[multiAxesKey]) || []
             ])
           ]
         };
@@ -37544,22 +37541,12 @@ const getLineChartToolTips = (options) => {
       };
     }
   };
-  const truncateMiddle = (string) => {
-    const STRING_MAX_LENGTH = 30;
-    if (string.length <= STRING_MAX_LENGTH) {
-      return string;
-    }
-    const start = string.substring(0, STRING_MAX_LENGTH / 2).trim();
-    const end = string.substring(string.length - STRING_MAX_LENGTH / 2).trim();
-    return `${start}…${end}`;
-  };
   const titleCallback = (tooltipItem, data) => {
     const labels = getTooltipLabels(tooltipItem[0].dataset);
     const { titleLabel, titleAxisLabel } = labels;
     const formattedValue = titleLabel === TooltipLabel.Y ? tooltipItem[0].parsed.y : tooltipItem[0].parsed.x;
     const roundedValue = Math.abs(formattedValue) < 1 ? formattedValue.toPrecision(3) : formattedValue.toFixed(2);
-    const title = `${roundedValue} ${titleAxisLabel}`;
-    return truncateMiddle(title);
+    return `${roundedValue} ${titleAxisLabel}`;
   };
   const labelCallback = (tooltipItem) => {
     const { showLabelsInTooltips, hideSimulationName } = options.tooltip;
@@ -37570,22 +37557,18 @@ const getLineChartToolTips = (options) => {
       const labelNumber = valueLabel === TooltipLabel.X ? tooltipItem.parsed.x : tooltipItem.parsed.y;
       return Math.abs(labelNumber) < 1 ? labelNumber.toPrecision(3) : labelNumber.toFixed(3);
     };
+    const splitValueAxisLabel = valueAxisLabel.split(" ");
+    const newValueAxisLabel = hideSimulationName ? splitValueAxisLabel[splitValueAxisLabel.length - 1] : valueAxisLabel;
     const tooltipItemValue = getTooltipItemValue();
+    const valAxisLabel = label === valueAxisLabel || valueAxisLabel.includes(label) ? "" : newValueAxisLabel;
     const tooltipLabel = getTooltipLabel(tooltipItem, showLabelsInTooltips);
-    const matches = valueAxisLabel.match(/\[(.*?)\]/g);
-    const units = matches && matches.length > 0 ? matches[0] : "";
-    const truncatedLabel = truncateMiddle(label);
-    return `${truncatedLabel}: ${tooltipItemValue} ${units} ${tooltipLabel}`;
+    return `${label}: ${tooltipItemValue} ${valAxisLabel}${tooltipLabel}`;
   };
   return {
     enabled: options.tooltip.tooltips,
     mode: ChartHoverMode.Nearest,
     intersect: true,
-    padding: TOOLTIP_PADDING,
-    usePointStyle: true,
-    boxWidth: LEGEND_LABEL_BOX_SIZE,
-    boxHeight: LEGEND_LABEL_BOX_SIZE,
-    boxPadding: TOOLTIP_BOX_PADDING,
+    padding: 8,
     callbacks: {
       title: titleCallback,
       label: labelCallback,
@@ -38609,12 +38592,7 @@ const PieChart = (props) => {
           const formattedValue = Math.abs(labelValue) < 1 ? roundNumberToPrecision(labelValue, { n: 3 }) : round$2(labelValue, 3);
           return `${dataLabel} ${formattedValue} ${unit}`;
         }
-      },
-      padding: TOOLTIP_PADDING,
-      boxWidth: LEGEND_LABEL_BOX_SIZE,
-      boxHeight: LEGEND_LABEL_BOX_SIZE,
-      boxPadding: TOOLTIP_BOX_PADDING,
-      usePointStyle: true
+      }
     };
   };
   return /* @__PURE__ */ jsx(
@@ -39031,10 +39009,7 @@ const getBarChartToolTips = (options) => {
     enabled: options.tooltip.tooltips,
     mode: ChartHoverMode.Nearest,
     intersect: true,
-    padding: TOOLTIP_PADDING,
-    boxWidth: LEGEND_LABEL_BOX_SIZE,
-    boxHeight: LEGEND_LABEL_BOX_SIZE,
-    boxPadding: TOOLTIP_BOX_PADDING,
+    padding: 8,
     callbacks: {
       title: titleCallback,
       label: labelCallback,