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

package/dist/index.js

@@ -23711,9 +23711,9 @@ const useChartFunctions = ({
   const onResetAxes = useCallback(() => {
     dispatch({ type: RESET_AXES_RANGES });
   }, []);
-  const onUpdateAxes = ({ axes: axes2 }) => {
+  const onUpdateAxes = useCallback(({ axes: axes2 }) => {
     dispatch({ type: UPDATE_AXES_RANGES, payload: { axes: axes2 } });
-  };
+  }, []);
   return {
     legendClick,
     resetZoom: resetZoom2,
@@ -23739,12 +23739,7 @@ const initializeFormState = ({
   axes = []
 }) => {
   return (initialAxesRanges == null ? void 0 : initialAxesRanges.map((initialAxisRange) => {
-    console.log("initializeFormState");
-    console.log("-------------------");
     const currentAxisRange = axes.find((a2) => a2.id === initialAxisRange.id);
-    console.log("currentAxisRange", currentAxisRange);
-    console.log("id: initialAxisRange.id,", initialAxisRange.id);
-    console.log("-------------------");
     return {
       id: initialAxisRange.id,
       min: (currentAxisRange == null ? void 0 : currentAxisRange.min) ?? (initialAxisRange == null ? void 0 : initialAxisRange.min),
@@ -23794,13 +23789,7 @@ const reducer = (state, action) => {
       return produce(state, (draft) => {
         const { name: name2, value, id } = action.payload;
         const axis = draft.find((a2) => a2.id === id);
-        console.log("actionTypes.ValueUpdated:");
-        console.log("1-----------------------");
-        console.log("axis", axis);
-        console.log("name", name2);
-        console.log("value", value);
         if (axis && value) {
-          console.log("2------------------------");
           axis[name2] = value;
         }
       });
@@ -25434,25 +25423,19 @@ const useStoreChartStateInStorage = (memoState, persistenceId) => {
   ]);
 };
 const useUpdateAxesRanges = (range, dispatch) => {
-  const prevRange = useRef();
-  const updateAxesRanges = useCallback(() => {
-    if (range && isRangeValid(range) && !isEqual(range, prevRange.current)) {
-      console.log("WRONG", 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;
-    }
-  }, [range]);
-  useEffect(() => {
-    updateAxesRanges();
-  }, [updateAxesRanges]);
+  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 useSaveInitialAxesRanges = (chartRef, axes, generatedDatasets, dispatch) => {
   const prevGeneratedDatasets = useRef();
@@ -25741,8 +25724,9 @@ const LineChart = (props) => {
     generatedDatasets
   });
   const usePlugins = useChartPlugins({ options, resetZoom: resetZoom2 });
-  console.log("State", state);
+  console.log("state", state);
   console.log("options", options);
+  console.log("generatedDatasets", generatedDatasets);
   return /* @__PURE__ */ jsxs(
     "div",
     {