@oliasoft-open-source/charts-library 5.0.2 → 5.0.3-beta-1

package/dist/index.js.js

@@ -22803,6 +22803,7 @@ const UPDATE_AXES_RANGES = "UPDATE_AXES_RANGES";
 const TOGGLE_DRAG_POINTS = "TOGGLE_DRAG_POINTS";
 const TOGGLE_DRAG_ANNOTATION = "TOGGLE_DRAG_ANNOTATION";
 const DISABLE_DRAG_OPTIONS = "DISABLE_DRAG_OPTIONS";
+const UPDATE_EDITED = "UPDATE_EDITED";
 const reducer = (state, action) => {
   return produce(state, (draft) => {
     switch (action.type) {
@@ -22890,6 +22891,10 @@ const reducer = (state, action) => {
         }
         break;
       }
+      case UPDATE_EDITED: {
+        draft.edited = action.payload;
+        break;
+      }
     }
   });
 };
@@ -22964,7 +22969,8 @@ const initialState = ({ options, persistenceId }) => {
     axes: [],
     showTable: false,
     enableDragPoints: (dragData == null ? void 0 : dragData.enableDragData) && enableDragPoints,
-    enableDragAnnotation: enableDragAnnotation ?? enableDragAnnotationStorage
+    enableDragAnnotation: enableDragAnnotation ?? enableDragAnnotationStorage,
+    edited: false
   };
 };
 const ControlsPortal = ({
@@ -23291,7 +23297,7 @@ const useToggleHandlers = (dispatch) => {
     },
     [dispatch]
   );
-  const toggleHandlers = {
+  return {
     onToggleLegend: createToggleHandler(TOGGLE_LEGEND),
     onToggleLine: createToggleHandler(TOGGLE_LINE),
     onTogglePan: createToggleHandler(TOGGLE_PAN),
@@ -23302,7 +23308,6 @@ const useToggleHandlers = (dispatch) => {
     onToggleDragAnnotation: createToggleHandler(TOGGLE_DRAG_ANNOTATION),
     onDisableDragOptions: createToggleHandler(DISABLE_DRAG_OPTIONS)
   };
-  return toggleHandlers;
 };
 function resolveUrl(url, baseUrl) {
   if (url.match(/^[a-z]+:\/\//i)) {
@@ -24329,11 +24334,16 @@ const useChartFunctions = ({
     axes
   } = options;
   const resetZoom2 = useCallback(() => {
+    var _a2, _b2, _c2;
     const chartInstance = chartRef == null ? void 0 : chartRef.current;
-    chartInstance == null ? void 0 : chartInstance.resetZoom();
-    chartInstance == null ? void 0 : chartInstance.reset();
-    dispatch({ type: "RESET_AXES_RANGES", payload: { axes: [] } });
-  }, [chartRef == null ? void 0 : chartRef.current, dispatch]);
+    if (chartInstance && (state == null ? void 0 : state.edited)) {
+      (_a2 = chartInstance == null ? void 0 : chartInstance.resetZoom) == null ? void 0 : _a2.call(chartInstance);
+      (_b2 = chartInstance == null ? void 0 : chartInstance.reset) == null ? void 0 : _b2.call(chartInstance);
+      dispatch({ type: RESET_AXES_RANGES, payload: { axes: [] } });
+      dispatch({ type: UPDATE_EDITED, payload: false });
+      (_c2 = chartInstance == null ? void 0 : chartInstance.update) == null ? void 0 : _c2.call(chartInstance);
+    }
+  }, [chartRef == null ? void 0 : chartRef.current, dispatch, state]);
   const onHover = useCallback(
     (hoveredPoint, setHoveredPoint, datasets) => {
       return (evt, hoveredItems) => {
@@ -24433,14 +24443,25 @@ const useChartFunctions = ({
     });
   }, [axes]);
   const onResetAxes = useCallback(() => {
+    var _a2, _b2, _c2;
     const chartInstance = chartRef == null ? void 0 : chartRef.current;
-    chartInstance == null ? void 0 : chartInstance.resetZoom();
-    chartInstance == null ? void 0 : chartInstance.reset();
-    dispatch({ type: RESET_AXES_RANGES, payload: { axes: [] } });
+    if (chartInstance && state.edited) {
+      (_a2 = chartInstance == null ? void 0 : chartInstance.resetZoom) == null ? void 0 : _a2.call(chartInstance);
+      (_b2 = chartInstance == null ? void 0 : chartInstance.reset) == null ? void 0 : _b2.call(chartInstance);
+      dispatch({ type: RESET_AXES_RANGES, payload: { axes: [] } });
+      dispatch({ type: UPDATE_EDITED, payload: false });
+      (_c2 = chartInstance == null ? void 0 : chartInstance.update) == null ? void 0 : _c2.call(chartInstance);
+    }
   }, [chartRef == null ? void 0 : chartRef.current]);
   const onUpdateAxes = useCallback(({ axes: axes2 }) => {
     dispatch({ type: UPDATE_AXES_RANGES, payload: { axes: axes2 } });
   }, []);
+  const onUpdateEdited = useCallback(
+    (edited) => {
+      dispatch({ type: UPDATE_EDITED, payload: edited });
+    },
+    [state]
+  );
   return {
     resetZoom: resetZoom2,
     onHover,
@@ -24450,7 +24471,8 @@ const useChartFunctions = ({
     controlsAxesLabels: getControlsAxesLabels(axes),
     updateAxesRangesFromChart,
     onResetAxes,
-    onUpdateAxes
+    onUpdateAxes,
+    onUpdateEdited
   };
 };
 const createErrorMessages = (value, compareTo, type) => {
@@ -24504,6 +24526,7 @@ const AxesOptionsPopover = (optionsPopover) => {
     controlsAxesLabels,
     onUpdateAxes,
     onResetAxes,
+    onUpdateEdited,
     depthType,
     translations,
     close,
@@ -24512,7 +24535,7 @@ const AxesOptionsPopover = (optionsPopover) => {
   const [formState, setFormState] = useState({
     localAxes: getInitAxes({ chartRef, state }),
     depthType: depthType == null ? void 0 : depthType.selectedDepthType,
-    edited: false
+    edited: state.edited
   });
   const { errors, valid } = validateAxes(formState.localAxes);
   const onEditValue = ({ name, value, id }) => {
@@ -24548,6 +24571,7 @@ const AxesOptionsPopover = (optionsPopover) => {
     if (depthType && (depthType == null ? void 0 : depthType.setSelectedDepthType)) {
       depthType == null ? void 0 : depthType.setSelectedDepthType(formState.depthType);
     }
+    onUpdateEdited(formState.edited);
   };
   const onReset = () => {
     setFormState({
@@ -24556,6 +24580,7 @@ const AxesOptionsPopover = (optionsPopover) => {
       edited: false
     });
     onResetAxes();
+    onUpdateEdited(false);
     close == null ? void 0 : close();
   };
   const handleInputFocus = (e2) => e2.target.select();
@@ -24624,11 +24649,13 @@ const AxesOptionsPopover = (optionsPopover) => {
             key: i2,
             label: depth
           })),
-          onSelected: (key) => setFormState((prevState) => ({
-            ...prevState,
-            depthType: depthType.options[key],
-            edited: true
-          })),
+          onSelected: (key) => {
+            setFormState((prevState) => ({
+              ...prevState,
+              depthType: depthType.options[key],
+              edited: true
+            }));
+          },
           small: true,
           value: depthType.options.indexOf(formState.depthType)
         }
@@ -24710,7 +24737,13 @@ const Controls = ({
     onToggleDragAnnotation,
     onDisableDragOptions
   } = useToggleHandlers(dispatch);
-  const { handleDownload, controlsAxesLabels, onResetAxes, onUpdateAxes } = useChartFunctions({
+  const {
+    handleDownload,
+    controlsAxesLabels,
+    onResetAxes,
+    onUpdateAxes,
+    onUpdateEdited
+  } = useChartFunctions({
     chartRef,
     state,
     options,
@@ -24771,6 +24804,7 @@ const Controls = ({
                   controlsAxesLabels,
                   onUpdateAxes,
                   onResetAxes,
+                  onUpdateEdited,
                   depthType,
                   translations
                 }
@@ -25080,19 +25114,20 @@ const generateLineChartDatasets = (datasets, state, options, { label }) => {
     } = line ?? {};
     const { lineEnabled, pointsEnabled, axes = [] } = state ?? {};
     const { lineTension, spanGaps } = graph ?? {};
-    if (formation) {
+    const rawData = Array.isArray(data) ? data : [];
+    if (formation && (rawData == null ? void 0 : rawData.length)) {
       const axesMin = Number((_a2 = axes[0]) == null ? void 0 : _a2.min);
       const axesMax = Number((_b2 = axes[0]) == null ? void 0 : _b2.max);
-      const [startPoint, endPoint] = data;
+      const [startPoint, endPoint] = rawData;
       if (axesMin && (startPoint == null ? void 0 : startPoint.x)) {
-        data[0].x = Math.max(axesMin, startPoint.x);
+        rawData[0].x = Math.max(axesMin, startPoint.x);
       }
       if (axesMax && (endPoint == null ? void 0 : endPoint.x)) {
-        data[2].x = Math.min(axesMax, endPoint.x);
+        rawData[2].x = Math.min(axesMax, endPoint.x);
       }
     }
     const hasCustomOpt = checkCustomOption(line, CUSTOM_OPTION);
-    const filteredData = data.filter(Boolean) || [];
+    const filteredData = (rawData == null ? void 0 : rawData.filter(Boolean)) || [];
     const isSinglePoint = (filteredData == null ? void 0 : filteredData.length) === 1;
     let pointState, lineState;
     if (customShowPoints !== void 0) {
@@ -25415,7 +25450,7 @@ const getAlignmentData = (context) => {
   const { chart: chart2, dataIndex = 0, datasetIndex = 0 } = context;
   const { chartArea } = chart2;
   const { left: left2 = null, right: right2 = null, bottom: bottom2 = null } = chartArea;
-  const meta = chart2.getDatasetMeta(datasetIndex);
+  const meta = chart2 == null ? void 0 : chart2.getDatasetMeta(datasetIndex);
   const { x: x2 = null, y: y2 = null } = ((_a2 = meta == null ? void 0 : meta.data) == null ? void 0 : _a2[dataIndex]) || {};
   return {
     x: x2,
@@ -25937,7 +25972,7 @@ const useChartOptions = ({
   const [hoveredPoint, setHoveredPoint] = useState(
     null
   );
-  const { updateAxesRangesFromChart, onHover } = useChartFunctions({
+  const { updateAxesRangesFromChart, onHover, onUpdateEdited } = useChartFunctions({
     chartRef,
     state,
     options,
@@ -25963,6 +25998,7 @@ const useChartOptions = ({
       mode: PanZoomMode.XY,
       onPanComplete() {
         updateAxesRangesFromChart();
+        onUpdateEdited(true);
       }
     }),
     [panEnabled]
@@ -25979,6 +26015,7 @@ const useChartOptions = ({
       },
       onZoomComplete() {
         updateAxesRangesFromChart();
+        onUpdateEdited(true);
       }
     }),
     [zoomEnabled]
@@ -26044,21 +26081,14 @@ const useChartOptions = ({
 };
 const useChartPlugins = ({ options, resetZoom: resetZoom2 }) => {
   const { graph, legend: legend2 } = options;
-  const debouncedResetZoom = useCallback(
-    debounce$3(() => {
-      resetZoom2();
-    }, 100),
-    // 100ms debounce delay
-    [resetZoom2]
-  );
   const handleDoubleClick = useCallback(
     (_2, args) => {
       const { event } = args;
       if (event.type === DOUBLE_CLICK) {
-        debouncedResetZoom();
+        resetZoom2();
       }
     },
-    [debouncedResetZoom]
+    [resetZoom2]
   );
   return useMemo(() => {
     return [