@oliasoft-open-source/charts-library 3.5.4-beta-4 → 3.5.4-beta-5

package/dist/index.js

@@ -22219,7 +22219,7 @@ const isPrimitiveValue = (value) => typeof value === "string" || typeof value ==
 const isRangeValid = (r2) => {
   if (!r2)
     return false;
-  return Object.values(r2).every((value) => !isNilOrEmpty(value));
+  return Object.values(r2).some((value) => !isNilOrEmpty(value));
 };
 const getChartStateFromStorage = (persistenceId) => {
   if (!persistenceId)
@@ -24559,7 +24559,7 @@ const defaultChartStyling$2 = (options) => ({
   maintainAspectRatio: (options == null ? void 0 : options.maintainAspectRatio) ?? false,
   staticChartHeight: (options == null ? void 0 : options.staticChartHeight) ?? false,
   performanceMode: (options == null ? void 0 : options.performanceMode) ?? true,
-  squareAspectRatio: options == null ? void 0 : options.squareAspectRatio,
+  squareAspectRatio: (options == null ? void 0 : options.squareAspectRatio) ?? false,
   layoutPadding: (options == null ? void 0 : options.layoutPadding) || {
     top: 0,
     bottom: 20,
@@ -25422,20 +25422,32 @@ const useStoreChartStateInStorage = (memoState, persistenceId) => {
     memoState.zoomEnabled
   ]);
 };
-const useUpdateAxesRanges = (range, dispatch) => {
-  const prevAxes = useRef(null);
-  const axes = range && isRangeValid(range) ? Object.entries(range).map(([key, { min, max }]) => ({
-    id: key,
-    min: min ?? 0,
-    max: max ?? 0
-  })) : null;
-  if (!isEqual(axes, prevAxes.current) && axes !== null) {
-    dispatch({
-      type: UPDATE_AXES_RANGES,
-      payload: { axes }
-    });
-    prevAxes.current = axes;
-  }
+const useUpdateAxesRanges = ({
+  range,
+  state,
+  dispatch
+}) => {
+  const prevAxes = useRef(state.axes);
+  useEffect(() => {
+    if (range && isRangeValid(range)) {
+      const newAxes = Object.entries(range).map(([key, { min, max }]) => ({
+        id: key,
+        min: min ?? 0,
+        max: max ?? 0
+      }));
+      const mergedAxes = [...prevAxes.current ?? []].map((axis) => {
+        const newAxis = newAxes.find((a2) => a2.id === axis.id);
+        return newAxis ? { ...axis, ...newAxis } : axis;
+      });
+      if (!isEqual(mergedAxes, prevAxes.current)) {
+        dispatch({
+          type: UPDATE_AXES_RANGES,
+          payload: { axes: mergedAxes }
+        });
+        prevAxes.current = mergedAxes;
+      }
+    }
+  }, [range]);
 };
 const useSaveInitialAxesRanges = (chartRef, axes, generatedDatasets, dispatch) => {
   const prevGeneratedDatasets = useRef();
@@ -25469,7 +25481,7 @@ const useChartState = ({
   } = memoOptions;
   useStoreChartStateInStorage(memoState, persistenceId);
   useToggleCustomLegendVisibility(memoState, memoOptions);
-  useUpdateAxesRanges(range, dispatch);
+  useUpdateAxesRanges({ range, state: memoState, dispatch });
   useSaveInitialAxesRanges(chartRef, axes, generatedDatasets, dispatch);
 };
 const WORD_SEPARATOR = " ";
@@ -25724,9 +25736,6 @@ const LineChart = (props) => {
     generatedDatasets
   });
   const usePlugins = useChartPlugins({ options, resetZoom: resetZoom2 });
-  console.log("state", state);
-  console.log("options", options);
-  console.log("generatedDatasets", generatedDatasets);
   return /* @__PURE__ */ jsxs(
     "div",
     {