@oliasoft-open-source/charts-library 3.4.10 → 3.4.12-beta-1

package/dist/index.js

@@ -24642,7 +24642,6 @@ const DEFAULT_POINT_RADIUS = 2;
 const DEFAULT_HOVER_RADIUS = 5;
 const DEFAULT_BORDER_WIDTH = 1;
 const BORDER_JOIN_STYLE = "round";
-const DEFAULT_LINE_POINT_RADIUS = 0;
 const DEFAULT_BACKGROUND_COLOR = "transparent";
 const ZOOM_BOX_BACKGROUND_COLOR = "rgba(0, 0, 0, 0.1)";
 const DOUBLE_CLICK = "dblclick";
@@ -24687,7 +24686,7 @@ const generateLineChartDatasets = (datasets, state, options, { label }) => {
     const {
       formation,
       data = [],
-      pointRadius,
+      pointRadius: pointRadiusProp,
       pointHoverRadius,
       borderWidth,
       borderColor,
@@ -24709,7 +24708,9 @@ const generateLineChartDatasets = (datasets, state, options, { label }) => {
       }
     }
     const filteredData = data.filter(Boolean) || [];
-    const linePointRadius = parseFloat(pointRadius) || DEFAULT_POINT_RADIUS;
+    const isSinglePoint = (filteredData == null ? void 0 : filteredData.length) === 1;
+    const linePointRadius = parseFloat(pointRadiusProp) || DEFAULT_POINT_RADIUS;
+    const pointRadius = pointsEnabled || isSinglePoint ? linePointRadius : 0;
     const hoverRadius = parseFloat(pointHoverRadius) || DEFAULT_HOVER_RADIUS;
     const indexedColor = COLORS[i2];
     return {
@@ -24725,7 +24726,7 @@ const generateLineChartDatasets = (datasets, state, options, { label }) => {
       borderColor: borderColor ?? indexedColor ?? generateRandomColor(COLORS),
       backgroundColor: backgroundColor ?? DEFAULT_BACKGROUND_COLOR,
       pointBackgroundColor: pointBackgroundColor ?? indexedColor ?? generateRandomColor(COLORS),
-      pointRadius: pointsEnabled ? linePointRadius : DEFAULT_LINE_POINT_RADIUS,
+      pointRadius,
       pointHoverRadius: hoverRadius,
       pointHitRadius: line.pointHitRadius ?? hoverRadius
     };
@@ -25403,22 +25404,42 @@ const useStoreChartStateInStorage = (memoState, persistenceId) => {
     memoState.zoomEnabled
   ]);
 };
-const useUpdateAxesRanges = (range, dispatch) => {
-  const prevRange = useRef(null);
+const useUpdateAxesRanges = (range, dispatch, generatedDatasets, chartRef, options) => {
+  const prevProps = useRef({
+    range: null,
+    datasets: null
+  });
+  const { annotations: { annotationsData = [] } = {} } = options || {};
   const updateAxesRanges = useCallback(() => {
-    if (range && range.x && range.y && !isEqual(range, prevRange.current)) {
-      const axes = Object.entries(range).map(([key, { min, max }]) => ({
+    let axes = null;
+    if (range && range.x && range.y && !isEqual(range, prevProps.current.range)) {
+      axes = Object.entries(range).map(([key, { min, max }]) => ({
         id: key,
         min: min ?? 0,
         max: max ?? 0
       }));
+      prevProps.current.range = range;
+    } else if (range && !isEqual(generatedDatasets, prevProps.current.datasets)) {
+      const scalesKeys = Object.keys(range) ?? [];
+      const data = getAxesDataFromMetasets(
+        chartRef,
+        scalesKeys,
+        annotationsData
+      );
+      axes = Object.keys(range).map((key) => ({
+        id: key,
+        min: Math.min(...data[key]) ?? 0,
+        max: Math.max(...data[key]) ?? 0
+      }));
+      prevProps.current.datasets = generatedDatasets;
+    }
+    if (axes) {
       dispatch({
         type: UPDATE_AXES_RANGES,
         payload: { axes }
       });
-      prevRange.current = range;
     }
-  }, [range]);
+  }, [range, generatedDatasets, dispatch]);
   useEffect(() => {
     updateAxesRanges();
   }, [updateAxesRanges]);
@@ -25455,7 +25476,13 @@ const useChartState = ({
   } = memoOptions;
   useStoreChartStateInStorage(memoState, persistenceId);
   useToggleCustomLegendVisibility(memoState, memoOptions);
-  useUpdateAxesRanges(range, dispatch);
+  useUpdateAxesRanges(
+    range,
+    dispatch,
+    generatedDatasets,
+    chartRef,
+    memoOptions
+  );
   useSaveInitialAxesRanges(chartRef, axes, generatedDatasets, dispatch);
 };
 const WORD_SEPARATOR = " ";