@oliasoft-open-source/charts-library 3.4.5-beta-1 → 3.4.5-beta-2

package/dist/index.js

@@ -13161,9 +13161,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",
@@ -23736,18 +23734,17 @@ const reducer = (state, action) => {
       return state;
   }
 };
-const AxesOptionsPopover = (optionsPopover) => {
+const AxesOptionsPopover = ({
+  initialAxesRanges,
+  axes,
+  controlsAxesLabels,
+  onUpdateAxes,
+  onResetAxes,
+  close,
+  depthType,
+  translations
+}) => {
   var _a2;
-  const {
-    initialAxesRanges,
-    axes,
-    controlsAxesLabels,
-    onUpdateAxes,
-    onResetAxes,
-    close,
-    depthType,
-    translations
-  } = optionsPopover;
   const [depthTypeState, setDepthTypeState] = useState(
     depthType == null ? void 0 : depthType.selectedDepthType
   );
@@ -23762,20 +23759,14 @@ const AxesOptionsPopover = (optionsPopover) => {
   const { errors, valid } = validateAxes(formState);
   const onEditValue = ({ name: name2, value, id }) => {
     dispatch({
-      type: actionTypes.ValueUpdated,
-      payload: { name: name2, value, id }
-    });
-  };
-  const onEditUnit = ({ name: name2, value, id }) => {
-    dispatch({
-      type: actionTypes.UnitUpdated,
+      type: actionTypes.valueUpdated,
       payload: { name: name2, value, id }
     });
   };
   const onDone = (e2) => {
     e2.preventDefault();
     if (valid) {
-      const sanitizedFormState = formState.map((axis) => ({
+      const sanitizedFormState = formState.map((axis, i2) => ({
         ...axis,
         min: toNum(axis.min),
         max: toNum(axis.max)
@@ -23783,13 +23774,6 @@ const AxesOptionsPopover = (optionsPopover) => {
       onUpdateAxes({
         axes: sanitizedFormState
       });
-      sanitizedFormState.forEach((el, i2) => {
-        var _a3, _b2, _c2;
-        const selectedUnit = (_a3 = el.unit) == null ? void 0 : _a3.selectedUnit;
-        if (selectedUnit) {
-          (_c2 = (_b2 = axes == null ? void 0 : axes[i2]) == null ? void 0 : _b2.unit) == null ? void 0 : _c2.setSelectedUnit(selectedUnit);
-        }
-      });
       if (depthType) {
         depthType.setSelectedDepthType(depthTypeState);
       }
@@ -23798,14 +23782,13 @@ const AxesOptionsPopover = (optionsPopover) => {
   };
   const onReset = () => {
     dispatch({
-      type: actionTypes.Reset,
+      type: actionTypes.reset,
       payload: { axes, initialAxesRanges }
     });
-    initialAxesRanges.forEach((el, i2) => {
-      var _a3, _b2, _c2;
-      const selectedUnit = (_a3 = el == null ? void 0 : el.unit) == null ? void 0 : _a3.selectedUnit;
-      if (selectedUnit) {
-        (_c2 = (_b2 = axes == null ? void 0 : axes[i2]) == null ? void 0 : _b2.unit) == null ? void 0 : _c2.setSelectedUnit(selectedUnit);
+    initialAxesRanges.map((el, i2) => {
+      var _a3;
+      if ((_a3 = el == null ? void 0 : el.unit) == null ? void 0 : _a3.selectedUnit) {
+        axes[i2].unit.setSelectedUnit(el.unit.selectedUnit);
       }
     });
     onResetAxes();
@@ -23864,15 +23847,10 @@ const AxesOptionsPopover = (optionsPopover) => {
             name: "selectedUnit",
             options: (_i2 = axis == null ? void 0 : axis.unit) == null ? void 0 : _i2.options,
             value: unit == null ? void 0 : unit.selectedUnit,
-            onChange: (e2) => {
-              onEditUnit({
-                name: e2.target.name,
-                value: e2.target.value,
-                id: axis.id
-              });
-            },
+            onChange: unit == null ? void 0 : unit.setSelectedUnit,
             autoLayerWidth: true,
-            width: "15%"
+            width: "15%",
+            native: true
           }
         ) : null
       ] }) }, i2);
@@ -23919,16 +23897,15 @@ const AxesOptionsPopover = (optionsPopover) => {
     ] })
   ] });
 };
-const AxesOptions = (optionsPopover) => {
-  const {
-    initialAxesRanges,
-    axes,
-    controlsAxesLabels,
-    onUpdateAxes,
-    onResetAxes,
-    depthType,
-    translations
-  } = optionsPopover;
+const AxesOptions = ({
+  initialAxesRanges,
+  axes,
+  controlsAxesLabels,
+  onUpdateAxes,
+  onResetAxes,
+  depthType,
+  translations
+}) => {
   return /* @__PURE__ */ jsx(
     Popover,
     {
@@ -25094,7 +25071,7 @@ const getLineChartToolTips = (options) => {
     return `${roundedValue} ${titleAxisLabel}`;
   };
   const labelCallback = (tooltipItem) => {
-    const { showLabelsInTooltips } = options.tooltip;
+    const { showLabelsInTooltips, hideSimulationName } = options.tooltip;
     let label = tooltipItem.dataset.label || "";
     const labels = getTooltipLabels(tooltipItem.dataset);
     const { valueLabel, valueAxisLabel } = labels;
@@ -25105,25 +25082,18 @@ const getLineChartToolTips = (options) => {
         roundScientificCoefficient: 4
       }) : displayNumber(labelNumber);
     };
-    const getTooltipItemUnits = () => {
-      const matches = valueAxisLabel.match(/\[(.*?)\]/g);
-      const units2 = matches && matches.length > 0 ? matches[0] : "";
-      return units2;
-    };
+    const splitValueAxisLabel = valueAxisLabel.split(" ");
+    const newValueAxisLabel = hideSimulationName ? splitValueAxisLabel[splitValueAxisLabel.length - 1] : valueAxisLabel;
     const tooltipItemValue = getTooltipItemValue();
-    const units = getTooltipItemUnits();
+    const valAxisLabel = label === valueAxisLabel || valueAxisLabel.includes(label) ? "" : newValueAxisLabel;
     const tooltipLabel = getTooltipLabel(tooltipItem, showLabelsInTooltips);
-    return `${label}: ${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,
@@ -26105,12 +26075,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(
@@ -38788,10 +38753,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,