@oliasoft-open-source/charts-library 3.5.1-beta-6 → 3.5.1-beta-8

package/dist/index.js

@@ -25413,34 +25413,29 @@ const useStoreChartStateInStorage = (memoState, persistenceId) => {
   ]);
 };
 const useUpdateAxesRanges = (range, dispatch) => {
-  const prevRange = useRef(null);
-  console.log("prevRange.current", prevRange.current);
+  const prevProps = useRef({
+    range: null,
+    axes: null
+  });
+  console.log("prevRange.current", prevProps.current);
   console.log("Range", range);
-  console.log("is NOT Equal", !isEqual(range, prevRange.current));
-  console.log("range && range.x && range.y", range && range.x && range.y);
-  console.log("isRangeValid", isRangeValid(range));
-  const updateAxesRanges = () => {
-    console.log(
-      "IF STATEMENT",
-      range && range.x && range.y && !isEqual(range, prevRange.current)
-    );
-    if (range && range.x && range.y && !isEqual(range, prevRange.current)) {
-      console.log("UPDATE_AXES_RANGES", range);
-      const axes = Object.entries(range).map(([key, { min, max }]) => ({
-        id: key,
-        min: min ?? 0,
-        max: max ?? 0
-      }));
-      dispatch({
-        type: UPDATE_AXES_RANGES,
-        payload: { axes }
-      });
-      prevRange.current = range;
-    }
-  };
-  useEffect(() => {
-    updateAxesRanges();
-  }, [updateAxesRanges]);
+  const axes = range && isRangeValid(range) && Object.entries(range).map(([key, { min, max }]) => ({
+    id: key,
+    min: min ?? 0,
+    max: max ?? 0
+  }));
+  console.log("RANGE", !isEqual(range, prevProps.current.range));
+  console.log("AXES", !isEqual(axes, prevProps.current.axes));
+  if (!isEqual(axes, prevProps.current.axes)) {
+    console.log("UPDATE_AXES_RANGES");
+    dispatch({
+      type: UPDATE_AXES_RANGES,
+      payload: { axes }
+    });
+    prevProps.current.range = range;
+    prevProps.current.axes = axes;
+    console.log("-----------------------");
+  }
 };
 const useSaveInitialAxesRanges = (chartRef, axes, generatedDatasets, dispatch) => {
   const prevGeneratedDatasets = useRef();
@@ -25469,11 +25464,9 @@ const useChartState = ({
   const memoState = useMemo(() => state, [state]);
   const memoOptions = useMemo(() => options, [options]);
   const {
-    additionalAxesOptions: { range },
+    additionalAxesOptions: { range = null },
     axes
   } = memoOptions;
-  console.log("state.initialAxesRanges", state == null ? void 0 : state.initialAxesRanges);
-  console.log("memoState.initialAxesRanges", memoState == null ? void 0 : memoState.initialAxesRanges);
   useStoreChartStateInStorage(memoState, persistenceId);
   useToggleCustomLegendVisibility(memoState, memoOptions);
   useUpdateAxesRanges(range, dispatch);