@oliasoft-open-source/charts-library 3.7.1 → 3.7.2

package/dist/index.js

@@ -11,7 +11,7 @@ import { produce } from "immer";
 import { round as round$2, displayNumber, isCloseTo, roundByMagnitude, toNum } from "@oliasoft-open-source/units";
 import cx from "classnames";
 import { Icon, Tooltip as Tooltip$2, Button, Flex, Text, Menu, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer, Portal } from "@oliasoft-open-source/react-ui-library";
-import { isEmpty, isArray as isArray$2, some, has, debounce as debounce$3, isEqual } from "lodash";
+import { isEmpty, isArray as isArray$2, some, has, debounce as debounce$3 } from "lodash";
 import { roundNumberToPrecision } from "@oliasoft-open-source/units/dist/rounding/rounding";
 /*!
  * @kurkle/color v0.3.2
@@ -20349,7 +20349,7 @@ var fastDeepEqual = function equal(a2, b2) {
   }
   return a2 !== a2 && b2 !== b2;
 };
-const equal2 = /* @__PURE__ */ getDefaultExportFromCjs(fastDeepEqual);
+const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(fastDeepEqual);
 const useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 function useCollector(monitor, collect, onUpdate) {
   const [collected, setCollected] = useState(
@@ -20357,7 +20357,7 @@ function useCollector(monitor, collect, onUpdate) {
   );
   const updateCollected = useCallback(() => {
     const nextValue = collect(monitor);
-    if (!equal2(collected, nextValue)) {
+    if (!isEqual(collected, nextValue)) {
       setCollected(nextValue);
       if (onUpdate) {
         onUpdate();
@@ -25908,23 +25908,26 @@ const useUpdateAxesRanges = ({
     }
   }, [range]);
 };
-const useSaveInitialAxesRanges = (chartRef, axes, dispatch) => {
+const useSaveInitialAxesRanges = (chartRef, axes, dispatch, generatedDatasets) => {
+  const prevDatasets = useRef(null);
   useEffect(() => {
-    if (chartRef.current) {
+    if (chartRef.current && !isEqual(prevDatasets.current, generatedDatasets)) {
       const initialAxesRanges = getAxesRangesFromChart(chartRef, axes);
       dispatch({
         type: SAVE_INITIAL_AXES_RANGES,
         payload: { initialAxesRanges }
       });
+      prevDatasets.current = generatedDatasets;
     }
-  }, []);
+  }, [generatedDatasets]);
 };
 const useChartState = ({
   chartRef,
   options,
   state,
   dispatch,
-  persistenceId
+  persistenceId,
+  generatedDatasets
 }) => {
   const memoState = useMemo(() => state, [state]);
   const memoOptions = useMemo(() => options, [options]);
@@ -25942,7 +25945,7 @@ const useChartState = ({
     chartRef,
     annotationsData
   });
-  useSaveInitialAxesRanges(chartRef, axes, dispatch);
+  useSaveInitialAxesRanges(chartRef, axes, dispatch, generatedDatasets);
 };
 const WORD_SEPARATOR = " ";
 const SEMI_TRANSPARENT = "rgba(0, 0, 0, 0.5)";
@@ -26179,7 +26182,8 @@ const LineChart = (props) => {
     options,
     state,
     dispatch,
-    persistenceId
+    persistenceId,
+    generatedDatasets
   });
   const { resetZoom: resetZoom2, handleKeyDown, handleKeyUp } = useChartFunctions({
     chartRef,