@oliasoft-open-source/charts-library 3.5.2-beta-2 → 3.5.2-beta-4

package/dist/index.js

@@ -13418,7 +13418,16 @@ const setDefaultTheme = () => {
   defaults$2.borderColor = BORDER_COLOR;
 };
 const isNilOrEmpty = (value) => {
-  return value === null || value === void 0 || value === "";
+  if (value === null || value === void 0 || value === "") {
+    return true;
+  }
+  if (Array.isArray(value) && value.length === 0) {
+    return true;
+  }
+  if (typeof value === "object" && Object.keys(value).length === 0) {
+    return true;
+  }
+  return false;
 };
 const chart$3 = "_chart_1v6ps_1";
 const styles$5 = {
@@ -23683,8 +23692,9 @@ const useChartFunctions = ({
     [axes]
   );
   const updateAxesRangesFromChart = useCallback(() => {
+    var _a2;
     const { scales = {} } = (chartRef == null ? void 0 : chartRef.current) || {};
-    const axes2 = Object.entries(scales).map(
+    const axes2 = (_a2 = Object.entries(scales)) == null ? void 0 : _a2.map(
       ([key, { min, max }]) => {
         return {
           id: key,
@@ -24540,7 +24550,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) || {},
+  range: (options == null ? void 0 : options.range) || null,
   autoAxisPadding: (options == null ? void 0 : options.autoAxisPadding) ?? false
 });
 const defaultChartStyling$2 = (options) => ({
@@ -25427,23 +25437,27 @@ const useUpdateAxesRanges = (range, dispatch) => {
     prevAxes.current = axes;
   }
 };
-const useSaveInitialAxesRanges = (chartRef, axes, dispatch) => {
-  const initialAxesRanges = chartRef ? getAxesRangesFromChart(chartRef, axes) : null;
-  const prevAxes = useRef(null);
-  useEffect(() => {
-    if (chartRef && !isEqual(initialAxesRanges, prevAxes.current)) {
+const useSaveInitialAxesRanges = (chartRef, axes, generatedDatasets, dispatch) => {
+  const prevGeneratedDatasets = useRef();
+  const saveInitialAxesRanges = useCallback(() => {
+    if (chartRef && !isEqual(generatedDatasets, prevGeneratedDatasets.current)) {
+      const initialAxesRanges = getAxesRangesFromChart(chartRef, axes);
       dispatch({
         type: SAVE_INITIAL_AXES_RANGES,
         payload: { initialAxesRanges }
       });
-      prevAxes.current = initialAxesRanges;
+      prevGeneratedDatasets.current = generatedDatasets;
     }
-  }, [chartRef, initialAxesRanges, dispatch]);
+  }, [chartRef, generatedDatasets]);
+  useEffect(() => {
+    saveInitialAxesRanges();
+  }, [saveInitialAxesRanges, generatedDatasets]);
 };
 const useChartState = ({
   chartRef,
   options,
   state,
+  generatedDatasets,
   dispatch,
   persistenceId
 }) => {
@@ -25456,7 +25470,7 @@ const useChartState = ({
   useStoreChartStateInStorage(memoState, persistenceId);
   useToggleCustomLegendVisibility(memoState, memoOptions);
   useUpdateAxesRanges(range, dispatch);
-  useSaveInitialAxesRanges(chartRef, axes, dispatch);
+  useSaveInitialAxesRanges(chartRef, axes, generatedDatasets, dispatch);
 };
 const WORD_SEPARATOR = " ";
 const SEMI_TRANSPARENT = "rgba(0, 0, 0, 0.5)";
@@ -25684,6 +25698,7 @@ const LineChart = (props) => {
     },
     initialState
   );
+  console.log(state);
   const generatedDatasets = useMemo(() => {
     return generateLineChartDatasets(datasets, state, options, translations);
   }, [state.lineEnabled, state.pointsEnabled, axes, annotations, graph]);
@@ -25691,6 +25706,7 @@ const LineChart = (props) => {
     chartRef,
     options,
     state,
+    generatedDatasets,
     dispatch,
     persistenceId
   });
@@ -25709,7 +25725,6 @@ const LineChart = (props) => {
     generatedDatasets
   });
   const usePlugins = useChartPlugins({ options, resetZoom: resetZoom2 });
-  console.log(state);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -25766,8 +25781,7 @@ const LineChart = (props) => {
       state.enableDragPoints,
       state.zoomEnabled,
       state.panEnabled,
-      languageKey,
-      Math.random()
+      languageKey
     ])
   );
 };