@oliasoft-open-source/charts-library 4.7.8 → 4.7.9

package/dist/index.js

@@ -9,7 +9,7 @@ import { produce } from "immer";
 import { round as round$2, displayNumber, isCloseTo, roundByMagnitude } from "@oliasoft-open-source/units";
 import cx from "classnames";
 import { Portal, Icon, Menu, Tooltip as Tooltip$2, Button, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer, Flex, Text } from "@oliasoft-open-source/react-ui-library";
-import { isEmpty, isArray as isArray$2, some, has, cloneDeep, defaultTo, findIndex, set as set$2, debounce as debounce$3, isNil, map as map$3, find, get as get$1, noop as noop$2 } from "lodash";
+import { isEmpty, isArray as isArray$2, some, has, isNil, cloneDeep, defaultTo, findIndex, set as set$2, debounce as debounce$3, map as map$3, find, get as get$1, noop as noop$2 } from "lodash";
 /*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
@@ -25172,6 +25172,29 @@ const generateLineChartDatasets = (datasets, state, options, { label }) => {
     };
   });
 };
+const getAnnotationsData = (data) => {
+  return data == null ? void 0 : data.reduce((acc, obj) => {
+    return {
+      ...acc,
+      [obj.annotationAxis]: [...acc[obj.annotationAxis] || [], +obj.value]
+    };
+  }, {});
+};
+const getAxisRangeByType = (chartRef, axesType, annotationsData) => {
+  if (!chartRef || !chartRef.current) return null;
+  const metasets = chartRef.current.getSortedVisibleDatasetMetas();
+  const annotDataByType = getAnnotationsData(annotationsData)[axesType] ?? [];
+  let allData = [];
+  metasets.forEach((metaset) => {
+    const data = metaset._parsed.map((parsedData) => parsedData[axesType]).filter((value) => value != null && !isNaN(value));
+    allData = allData.concat(data);
+  });
+  allData = allData.concat(annotDataByType);
+  if (allData.length === 0) return null;
+  const min = Math.min(...allData);
+  const max = Math.max(...allData);
+  return { min, max };
+};
 const calculateDelta$1 = (tickValue, ticks) => {
   let delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;
   if (Math.abs(delta) >= 1 && tickValue !== Math.floor(Number(tickValue))) {
@@ -25365,14 +25388,6 @@ const getSuggestedAxisRange = ({
     max: round$2(maxAxisValue, DECIMAL_POINT_TOLERANCE)
   };
 };
-const getAnnotationsData = (data) => {
-  return data == null ? void 0 : data.reduce((acc, obj) => {
-    return {
-      ...acc,
-      [obj.annotationAxis]: [...acc[obj.annotationAxis] || [], +obj.value]
-    };
-  }, {});
-};
 const getAxesDataFromMetasets = (chartRef, scalesKeys, annotationsData) => {
   var _a2;
   if (!chartRef || !scalesKeys) return {};
@@ -25386,6 +25401,7 @@ const getAxesDataFromMetasets = (chartRef, scalesKeys, annotationsData) => {
     };
   }, {}));
 };
+const shouldCalculate = (min, max) => !isNil(min) || !isNil(max);
 const autoScale = (options, state, generatedDatasets, chartRef) => {
   const {
     additionalAxesOptions,
@@ -25405,7 +25421,8 @@ const autoScale = (options, state, generatedDatasets, chartRef) => {
   const adjustedScales = data && (scalesKeys == null ? void 0 : scalesKeys.reduce((acc, key) => {
     const scale = scales[key];
     const { min: propMin = void 0, max: propMax = void 0 } = scale;
-    const { min, max } = getSuggestedAxisRange({
+    const { min: calcMin, max: calcMax } = getAxisRangeByType(chartRef, key, annotationsData) ?? {};
+    const { min: suggestedMin, max: suggestedMax } = getSuggestedAxisRange({
       data: data[key],
       beginAtZero: additionalAxesOptions == null ? void 0 : additionalAxesOptions.beginAtZero,
       autoAxisPadding: additionalAxesOptions == null ? void 0 : additionalAxesOptions.autoAxisPadding
@@ -25413,8 +25430,8 @@ const autoScale = (options, state, generatedDatasets, chartRef) => {
     const res = {
       [key]: {
         ...scale,
-        min: propMin ?? min,
-        max: propMax ?? max
+        min: propMin ?? (shouldCalculate(propMin, propMax) ? calcMin : suggestedMin),
+        max: propMax ?? (shouldCalculate(propMin, propMax) ? calcMax : suggestedMax)
       }
     };
     return { ...acc, ...res };
@@ -26089,35 +26106,6 @@ const useChartPlugins = ({ options, resetZoom: resetZoom2 }) => {
     ];
   }, [handleDoubleClick]);
 };
-const getAxesRangesFromChart = (chartRef, axes) => {
-  const { scales = {} } = chartRef.current || {};
-  return Object.entries(scales).map(([key, { min, max }], i2) => {
-    var _a2;
-    const axesArray = [...axes.x, ...axes.y];
-    const unit = (_a2 = axesArray == null ? void 0 : axesArray[i2]) == null ? void 0 : _a2.unit;
-    return {
-      id: key,
-      min,
-      max,
-      ...unit ? { unit } : {}
-    };
-  });
-};
-const getAxisRangeByType = (chartRef, axesType, annotationsData) => {
-  if (!chartRef || !chartRef.current) return null;
-  const metasets = chartRef.current.getSortedVisibleDatasetMetas();
-  const annotDataByType = getAnnotationsData(annotationsData)[axesType] ?? [];
-  let allData = [];
-  metasets.forEach((metaset) => {
-    const data = metaset._parsed.map((parsedData) => parsedData[axesType]).filter((value) => value != null && !isNaN(value));
-    allData = allData.concat(data);
-  });
-  allData = allData.concat(annotDataByType);
-  if (allData.length === 0) return null;
-  const min = Math.min(...allData);
-  const max = Math.max(...allData);
-  return { min, max };
-};
 const useToggleCustomLegendVisibility = (memoState, memoOptions) => {
   var _a2, _b2;
   useEffect(() => {
@@ -26179,18 +26167,27 @@ const useUpdateAxesRanges = ({
     }
   }, [range]);
 };
-const useSaveInitialAxesRanges = (chartRef, axes, dispatch, generatedDatasets) => {
+const useSaveInitialAxesRanges = (chartRef, dispatch, generatedDatasets) => {
+  var _a2;
   const prevDatasets = useRef(null);
   useEffect(() => {
-    if (chartRef.current && !isEqual(prevDatasets.current, generatedDatasets)) {
-      const initialAxesRanges = getAxesRangesFromChart(chartRef, axes);
+    var _a3, _b2;
+    if (((_a3 = chartRef == null ? void 0 : chartRef.current) == null ? void 0 : _a3.scales) && !isEqual(prevDatasets.current, generatedDatasets)) {
+      const scales = ((_b2 = chartRef == null ? void 0 : chartRef.current) == null ? void 0 : _b2.scales) ?? {};
+      const initialAxesRanges = Object.entries(scales).map(
+        ([id, { min, max, _range: range }]) => ({
+          id,
+          min: (range == null ? void 0 : range.min) ?? min,
+          max: (range == null ? void 0 : range.max) ?? max
+        })
+      );
       dispatch({
         type: SAVE_INITIAL_AXES_RANGES,
         payload: { initialAxesRanges }
       });
       prevDatasets.current = generatedDatasets;
     }
-  }, [generatedDatasets]);
+  }, [(_a2 = chartRef == null ? void 0 : chartRef.current) == null ? void 0 : _a2.scales, generatedDatasets]);
 };
 const useChartState = ({
   chartRef,
@@ -26212,8 +26209,7 @@ const useChartState = ({
   const memoOptions = useMemo(() => options, [options]);
   const {
     additionalAxesOptions: { range = void 0 },
-    annotations: { annotationsData = [] } = {},
-    axes
+    annotations: { annotationsData = [] } = {}
   } = memoOptions;
   useStoreChartStateInStorage(memoState, persistenceId);
   useToggleCustomLegendVisibility(memoState, memoOptions);
@@ -26224,7 +26220,7 @@ const useChartState = ({
     chartRef,
     annotationsData
   });
-  useSaveInitialAxesRanges(chartRef, axes, dispatch, generatedDatasets);
+  useSaveInitialAxesRanges(chartRef, dispatch, generatedDatasets);
 };
 const WORD_SEPARATOR = " ";
 const SEMI_TRANSPARENT = "rgba(0, 0, 0, 0.5)";