@oliasoft-open-source/charts-library 3.5.4-beta-3 → 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)
@@ -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;
         }
       });
@@ -24570,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,
@@ -25433,26 +25422,32 @@ const useStoreChartStateInStorage = (memoState, persistenceId) => {
     memoState.zoomEnabled
   ]);
 };
-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 }]) => ({
+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
       }));
-      dispatch({
-        type: UPDATE_AXES_RANGES,
-        payload: { axes }
+      const mergedAxes = [...prevAxes.current ?? []].map((axis) => {
+        const newAxis = newAxes.find((a2) => a2.id === axis.id);
+        return newAxis ? { ...axis, ...newAxis } : axis;
       });
-      prevRange.current = range;
+      if (!isEqual(mergedAxes, prevAxes.current)) {
+        dispatch({
+          type: UPDATE_AXES_RANGES,
+          payload: { axes: mergedAxes }
+        });
+        prevAxes.current = mergedAxes;
+      }
     }
   }, [range]);
-  useEffect(() => {
-    updateAxesRanges();
-  }, [updateAxesRanges]);
 };
 const useSaveInitialAxesRanges = (chartRef, axes, generatedDatasets, dispatch) => {
   const prevGeneratedDatasets = useRef();
@@ -25486,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 = " ";
@@ -25741,8 +25736,6 @@ const LineChart = (props) => {
     generatedDatasets
   });
   const usePlugins = useChartPlugins({ options, resetZoom: resetZoom2 });
-  console.log("State", state);
-  console.log("options", options);
   return /* @__PURE__ */ jsxs(
     "div",
     {