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

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",
@@ -37316,18 +37314,6 @@ const getSuggestedAxisRange = ({
     max: round$2(maxAxisValue, DECIMAL_POINT_TOLERANCE)
   };
 };
-const checkMultiAxis = (scalesKeys) => {
-  let counts = {
-    x: 0,
-    y: 0
-  };
-  scalesKeys.forEach((axeKey) => {
-    const key = getAxisTypeFromKey(axeKey);
-    counts[key]++;
-  });
-  const res = counts.x > counts.y && AxisType.X || counts.y > counts.x && AxisType.Y || counts.x === counts.y && null;
-  return res;
-};
 const getAnnotationsData = (data) => {
   return data.reduce((acc, obj) => {
     return {
@@ -37338,45 +37324,15 @@ const getAnnotationsData = (data) => {
 };
 const getAxesData = (scalesKeys, datasets, annotationsData) => {
   const allData = (datasets == null ? void 0 : datasets.reduce((acc, item) => [...acc, ...item.data], [])) ?? [];
-  const getData = () => {
-    return scalesKeys.reduce((acc, axeKey) => {
-      const key = getAxisTypeFromKey(axeKey);
-      const data = getAnnotationsData(annotationsData);
-      const formData = allData == null ? void 0 : allData.map((val) => val == null ? void 0 : val[key]).concat(data[key] || []);
-      return {
-        ...acc,
-        [axeKey]: [...new Set(formData)]
-      };
-    }, {});
-  };
-  const getDataForMultiAxes = () => {
-    const multiAxesKey = checkMultiAxis(scalesKeys);
-    const axes = (scalesKeys == null ? void 0 : scalesKeys.filter((key) => key == null ? void 0 : key.includes(multiAxesKey))) ?? [];
+  return scalesKeys.reduce((acc, axeKey) => {
+    const key = getAxisTypeFromKey(axeKey);
     const data = getAnnotationsData(annotationsData);
-    const [first, second] = axes;
-    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;
-        return {
-          ...acc,
-          [key]: [
-            .../* @__PURE__ */ new Set([
-              ...acc[key],
-              ...reduceData(obj == null ? void 0 : obj.data, multiAxesKey),
-              ...!include && (data == null ? void 0 : data[multiAxesKey]) || []
-            ])
-          ]
-        };
-      },
-      { [first]: [], [second]: [] }
-    );
-  };
-  return {
-    ...getData(),
-    ...getDataForMultiAxes()
-  };
+    const formData = allData == null ? void 0 : allData.map((val) => val == null ? void 0 : val[key]).concat(data[key] || []);
+    return {
+      ...acc,
+      [axeKey]: [...new Set(formData)]
+    };
+  }, {});
 };
 const autoScale = (options, state, generatedDatasets) => {
   const { additionalAxesOptions = {}, annotations = {} } = options || {};
@@ -37544,22 +37500,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 +37516,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 +38551,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 +38968,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,