@oliasoft-open-source/charts-library 3.5.3 → 3.5.4-beta-1

package/dist/index.js

@@ -22275,9 +22275,12 @@ const initialState = ({ options, persistenceId }) => {
   } = options;
   const getStateAxesByType = (axisType, customAxesRange2) => {
     var _a2, _b2, _c2, _d2, _e2;
+    console.log("axisType", axisType);
+    console.log("axes", axes);
     if (!axes[axisType]) {
       return [];
     }
+    console.log("getStateAxesByType");
     if (((_a2 = axes[axisType]) == null ? void 0 : _a2.length) > 1) {
       return axes[axisType].map(
         (axisObj, index2) => {
@@ -22300,6 +22303,7 @@ const initialState = ({ options, persistenceId }) => {
       const customMin = (_b2 = customAxesRange2 == null ? void 0 : customAxesRange2[id]) == null ? void 0 : _b2.min;
       const customMax = (_c2 = customAxesRange2 == null ? void 0 : customAxesRange2[id]) == null ? void 0 : _c2.max;
       const unit = (_e2 = (_d2 = axes == null ? void 0 : axes[id]) == null ? void 0 : _d2[0]) == null ? void 0 : _e2.unit;
+      console.log("id", id);
       return [
         {
           id,
@@ -22314,6 +22318,7 @@ const initialState = ({ options, persistenceId }) => {
   const xStateAxes = getStateAxesByType(AxisType.X, customAxesRange);
   const yStateAxes = getStateAxesByType(AxisType.Y, customAxesRange);
   const stateAxes = [...xStateAxes, ...yStateAxes];
+  console.log("stateAxes", stateAxes);
   const {
     zoomEnabled,
     panEnabled,
@@ -23711,9 +23716,9 @@ const useChartFunctions = ({
   const onResetAxes = useCallback(() => {
     dispatch({ type: RESET_AXES_RANGES });
   }, []);
-  const onUpdateAxes = useCallback(({ axes: axes2 }) => {
+  const onUpdateAxes = ({ axes: axes2 }) => {
     dispatch({ type: UPDATE_AXES_RANGES, payload: { axes: axes2 } });
-  }, []);
+  };
   return {
     legendClick,
     resetZoom: resetZoom2,
@@ -24540,8 +24545,8 @@ const TextLabelPosition = {
   BOTTOM_RIGHT: "bottom-right"
 };
 const defaultAxes$1 = (axes) => ({
-  x: (axes == null ? void 0 : axes.x) || [],
-  y: (axes == null ? void 0 : axes.y) || []
+  x: (axes == null ? void 0 : axes.x) || [{}],
+  y: (axes == null ? void 0 : axes.y) || [{}]
 });
 const defaultAdditionalAxesOptions$1 = (options) => ({
   chartScaleType: (options == null ? void 0 : options.chartScaleType) || "linear",
@@ -24550,7 +24555,7 @@ const defaultAdditionalAxesOptions$1 = (options) => ({
   stepSize: options == null ? void 0 : options.stepSize,
   suggestedMin: options == null ? void 0 : options.suggestedMin,
   suggestedMax: options == null ? void 0 : options.suggestedMax,
-  range: (options == null ? void 0 : options.range) || null,
+  range: options == null ? void 0 : options.range,
   autoAxisPadding: (options == null ? void 0 : options.autoAxisPadding) ?? false
 });
 const defaultChartStyling$2 = (options) => ({
@@ -25265,7 +25270,7 @@ const useChartOptions = ({
   );
   const scales = useMemo(
     () => autoScale(options, state, generatedDatasets, chartRef),
-    [options, state, generatedDatasets]
+    [options, state, generatedDatasets, chartRef]
   );
   const dragData = useMemo(
     () => enableDragPoints && getDraggableData(options),
@@ -25348,7 +25353,7 @@ const useChartOptions = ({
       plugins,
       events: Object.values(Events)
     }),
-    [state, options]
+    [state, options, chartRef]
   );
 };
 const useChartPlugins = ({ options, resetZoom: resetZoom2 }) => {
@@ -25423,25 +25428,31 @@ const useStoreChartStateInStorage = (memoState, persistenceId) => {
   ]);
 };
 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)) {
-    dispatch({
-      type: UPDATE_AXES_RANGES,
-      payload: { axes }
-    });
-    prevAxes.current = axes;
-  }
+  const prevRange = useRef();
+  const updateAxesRanges = useCallback(() => {
+    if (range && isRangeValid(range) && !isEqual(range, prevRange.current)) {
+      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 useSaveInitialAxesRanges = (chartRef, axes, generatedDatasets, dispatch) => {
   const prevGeneratedDatasets = useRef();
   const saveInitialAxesRanges = useCallback(() => {
     if (chartRef && !isEqual(generatedDatasets, prevGeneratedDatasets.current)) {
       const initialAxesRanges = getAxesRangesFromChart(chartRef, axes);
+      console.log("initialAxesRanges", initialAxesRanges);
       dispatch({
         type: SAVE_INITIAL_AXES_RANGES,
         payload: { initialAxesRanges }
@@ -25464,7 +25475,7 @@ const useChartState = ({
   const memoState = useMemo(() => state, [state]);
   const memoOptions = useMemo(() => options, [options]);
   const {
-    additionalAxesOptions: { range = null },
+    additionalAxesOptions: { range = void 0 },
     axes
   } = memoOptions;
   useStoreChartStateInStorage(memoState, persistenceId);
@@ -25724,6 +25735,8 @@ const LineChart = (props) => {
     generatedDatasets
   });
   const usePlugins = useChartPlugins({ options, resetZoom: resetZoom2 });
+  console.log("State", state);
+  console.log("options", options);
   return /* @__PURE__ */ jsxs(
     "div",
     {