@oliasoft-open-source/charts-library 2.14.0 → 2.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "2.14.0",
+  "version": "2.14.1",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "bugs": {

package/release-notes.md

@@ -1,5 +1,8 @@
 # Charts Library Release Notes
 
+## 2.14.1 
+- Fix save initAxesRange when dataset changed by parent component([OW-11332](https://oliasoft.atlassian.net/browse/OW-11332))
+
 ## 2.14.0
 - Refactored line chart, for better performance, readable and reduce not needed re-renders
 

package/src/components/line-chart/line-chart.jsx

@@ -80,7 +80,14 @@ const LineChart = (props) => {
   }, [state.lineEnabled, state.pointsEnabled, axes, annotations, graph]);
 
   // Call the custom hooks.
-  useChartState({ chartRef, options, state, dispatch, persistenceId });
+  useChartState({
+    chartRef,
+    options,
+    state,
+    generatedDatasets,
+    dispatch,
+    persistenceId,
+  });
 
   const { resetZoom, handleDownload, handleKeyDown, handleKeyUp } =
     useChartFunctions({

package/src/components/line-chart/state/use-chart-state.js

@@ -75,26 +75,38 @@ const useUpdateAxesRanges = (range, dispatch) => {
 };
 
 /**
- * Hook for saving the initial axes ranges in the chart state.
+ * A custom hook to save the initial axes ranges of a chart when the generated datasets change.
  *
- * @param chartRef - The reference to the chart.
- * @param axes - The axes data.
- * @param dispatch - The dispatch function for state management.
+ * @param {Object} chartRef - A reference to the chart object.
+ * @param {Array} axes - An array of axes configurations.
+ * @param {Array} generatedDatasets - An array of generated datasets for the chart.
+ * @param {Function} dispatch - A dispatch function from the useContext hook for managing the state.
  */
-const useSaveInitialAxesRanges = (chartRef, axes, dispatch) => {
+const useSaveInitialAxesRanges = (
+  chartRef,
+  axes,
+  generatedDatasets,
+  dispatch,
+) => {
+  const prevGeneratedDatasets = useRef();
+
   const saveInitialAxesRanges = useCallback(() => {
-    if (chartRef) {
+    if (
+      chartRef &&
+      !isEqual(generatedDatasets, prevGeneratedDatasets.current)
+    ) {
       const initialAxesRanges = getAxesRangesFromChart(chartRef, axes);
       dispatch({
         type: SAVE_INITIAL_AXES_RANGES,
         payload: { initialAxesRanges },
       });
+      prevGeneratedDatasets.current = generatedDatasets;
     }
-  }, [chartRef]);
+  }, [chartRef, generatedDatasets]);
 
   useEffect(() => {
     saveInitialAxesRanges();
-  }, [saveInitialAxesRanges]);
+  }, [saveInitialAxesRanges, generatedDatasets]);
 };
 
 /**
@@ -103,6 +115,7 @@ const useSaveInitialAxesRanges = (chartRef, axes, dispatch) => {
  * @param chartRef - The reference to the chart.
  * @param options - The chart options.
  * @param state - The chart state.
+ * @param {Array} generatedDatasets - An array of generated datasets for the chart.
  * @param dispatch - The dispatch function for state management.
  * @param persistenceId - The chart persistenceId.
  */
@@ -110,6 +123,7 @@ export const useChartState = ({
   chartRef,
   options,
   state,
+  generatedDatasets,
   dispatch,
   persistenceId,
 }) => {
@@ -123,5 +137,5 @@ export const useChartState = ({
   useStoreChartStateInStorage(memoState, persistenceId);
   useToggleCustomLegendVisibility(memoState, memoOptions);
   useUpdateAxesRanges(range, dispatch);
-  useSaveInitialAxesRanges(chartRef, axes, dispatch);
+  useSaveInitialAxesRanges(chartRef, axes, generatedDatasets, dispatch);
 };