@oliasoft-open-source/charts-library 4.3.2 → 4.3.3-beta-2

package/dist/index.js

@@ -11,7 +11,7 @@ import { produce } from "immer";
 import { round as round$2, displayNumber, isCloseTo, roundByMagnitude } 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, cloneDeep, defaultTo, findIndex, set as set$2, debounce as debounce$3, isNil, map as map$3, find, get as get$1, values } from "lodash";
+import { isEmpty, isArray as isArray$2, some, has, cloneDeep, defaultTo, findIndex, set as set$2, isNil, debounce as debounce$3, map as map$3, find, get as get$1, values } from "lodash";
 import { roundNumberToPrecision } from "@oliasoft-open-source/units/dist/rounding/rounding";
 /*!
  * @kurkle/color v0.3.2
@@ -25329,9 +25329,11 @@ var AnnotationType = /* @__PURE__ */ ((AnnotationType2) => {
   return AnnotationType2;
 })(AnnotationType || {});
 const handleLineEnter = (element, chart2, annotation2) => {
-  var _a2;
-  chart2.canvas.style.cursor = CursorStyle.Pointer;
-  if ((_a2 = element.options.scaleID) == null ? void 0 : _a2.includes(AxisType.X)) {
+  var _a2, _b2, _c2;
+  if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
+    chart2.canvas.style.cursor = CursorStyle.Pointer;
+  }
+  if ((_c2 = element.options.scaleID) == null ? void 0 : _c2.includes(AxisType.X)) {
     if (element.options.label) {
       element.options.label.xAdjust = chart2.chartArea.left;
     }
@@ -25348,8 +25350,11 @@ const handleLineEnter = (element, chart2, annotation2) => {
   chart2.draw();
 };
 const handleLineLeave = (element, chart2, annotation2) => {
+  var _a2, _b2;
   element.options.borderWidth = BORDER_WIDTH.INITIAL;
-  chart2.canvas.style.cursor = CursorStyle.Initial;
+  if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
+    chart2.canvas.style.cursor = CursorStyle.Initial;
+  }
   chart2.hoveredAnnotationId = null;
   if (element.options.label) {
     element.label.options.display = false;
@@ -25362,37 +25367,49 @@ const handleLineLeave = (element, chart2, annotation2) => {
   chart2.draw();
 };
 const handleBoxEnter = (element, chart2, annotation2) => {
+  var _a2, _b2;
   if (annotation2 == null ? void 0 : annotation2.enableDrag) {
     chart2.hoveredAnnotationId = element.options.id || null;
     chart2.update();
     element.options.borderWidth = BORDER_WIDTH.HOVERED;
-    chart2.canvas.style.cursor = CursorStyle.Pointer;
+    if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
+      chart2.canvas.style.cursor = CursorStyle.Pointer;
+    }
   }
   chart2.draw();
 };
 const handleBoxLeave = (element, chart2, annotation2) => {
+  var _a2, _b2;
   if (annotation2 == null ? void 0 : annotation2.enableDrag) {
     chart2.hoveredAnnotationId = null;
     element.options.borderWidth = BORDER_WIDTH.INITIAL;
-    chart2.canvas.style.cursor = CursorStyle.Initial;
+    if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
+      chart2.canvas.style.cursor = CursorStyle.Initial;
+    }
     chart2.update();
   }
   chart2.draw();
 };
 const handlePointEnter = (element, chart2, annotation2) => {
+  var _a2, _b2;
   if (annotation2 == null ? void 0 : annotation2.enableDrag) {
     chart2.hoveredAnnotationId = element.options.id || null;
     chart2.update();
     element.options.borderWidth = BORDER_WIDTH.POINT_HOVERED;
-    chart2.canvas.style.cursor = CursorStyle.Pointer;
+    if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
+      chart2.canvas.style.cursor = CursorStyle.Pointer;
+    }
   }
   chart2.draw();
 };
 const handlePointLeave = (element, chart2, annotation2) => {
+  var _a2, _b2;
   if (annotation2 == null ? void 0 : annotation2.enableDrag) {
     chart2.hoveredAnnotationId = null;
     element.options.borderWidth = BORDER_WIDTH.INITIAL;
-    chart2.canvas.style.cursor = CursorStyle.Initial;
+    if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
+      chart2.canvas.style.cursor = CursorStyle.Initial;
+    }
     chart2.update();
   }
   chart2.draw();
@@ -25477,7 +25494,6 @@ const generateAnnotations = (annotationsData) => {
     const onDragEnd = () => (cord, annotation2) => (ann == null ? void 0 : ann.onDragEnd) ? ann == null ? void 0 : ann.onDragEnd(cord, annotation2) : void 0;
     return {
       ...ann,
-      drawTime: "afterDraw",
       display: ann == null ? void 0 : ann.display,
       annotationIndex: idx,
       id: `${ann == null ? void 0 : ann.label}-${ann == null ? void 0 : ann.value}-${idx}`,
@@ -25810,13 +25826,13 @@ const useToggleCustomLegendVisibility = (memoState, memoOptions) => {
       const parent = document.getElementById(
         memoOptions.legend.customLegend.customLegendContainerID
       );
-      if (parent !== null) {
+      if (!isNil(parent)) {
         parent.style.visibility = memoState.legendEnabled ? "visible" : "hidden";
       }
     }
   }, [
     (_b2 = (_a2 = memoOptions == null ? void 0 : memoOptions.legend) == null ? void 0 : _a2.customLegend) == null ? void 0 : _b2.customLegendPlugin,
-    memoState.legendEnabled
+    memoState == null ? void 0 : memoState.legendEnabled
   ]);
 };
 const useStoreChartStateInStorage = (memoState, persistenceId) => {
@@ -26113,13 +26129,16 @@ const calculateAnnotationMetricsInValuesInPixels = (annotation2, scales) => {
   };
 };
 const handleAnnotationMouseDown = (event, canvas2, scales, annotations, setDraggingState, hoveredAnnotationId) => {
+  var _a2;
   const { x: x2, y: y2 } = getMousePositionInCoordinates(event, canvas2, scales);
   const annotation2 = hoveredAnnotationId ? annotations == null ? void 0 : annotations[hoveredAnnotationId] : null;
   if (!annotation2)
     return;
   const metrics = calculateAnnotationMetricsInValues(annotation2);
   if (annotation2 && annotation2.enableDrag && !isNil(metrics.centerY) && !isNil(metrics.centerX)) {
-    canvas2.style.cursor = CursorStyle.Move;
+    if (!isNil((_a2 = canvas2 == null ? void 0 : canvas2.style) == null ? void 0 : _a2.cursor)) {
+      canvas2.style.cursor = CursorStyle.Move;
+    }
     const dragStartX = x2 - metrics.centerX;
     const dragStartY = y2 - metrics.centerY;
     setDraggingState(true, annotation2, dragStartX, dragStartY);
@@ -26129,8 +26148,11 @@ const handleAnnotationMouseDown = (event, canvas2, scales, annotations, setDragg
   }
 };
 const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAnnotation, dragStartX, dragStartY, chart2) => {
+  var _a2;
   if (isDragging2 && activeAnnotation) {
-    canvas2.style.cursor = CursorStyle.Move;
+    if (!isNil((_a2 = canvas2 == null ? void 0 : canvas2.style) == null ? void 0 : _a2.cursor)) {
+      canvas2.style.cursor = CursorStyle.Move;
+    }
     const { x: x2, y: y2 } = getMousePositionInCoordinates(event, canvas2, scales);
     const metrics = calculateAnnotationMetricsInValues(activeAnnotation);
     let newCenterX = x2 - dragStartX;
@@ -26177,6 +26199,7 @@ const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAn
   }
 };
 const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, setDraggingState) => {
+  var _a2, _b2;
   if (isDragging2) {
     if (activeAnnotation) {
       const { centerX = -1, centerY = -1 } = calculateAnnotationMetricsInValues(activeAnnotation) ?? {};
@@ -26186,7 +26209,9 @@ const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, setDragg
           cloneDeep(activeAnnotation)
         );
       }
-      chart2.canvas.style.cursor = CursorStyle.Pointer;
+      if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
+        chart2.canvas.style.cursor = CursorStyle.Pointer;
+      }
       setDraggingState(false, null);
     }
     chart2.update();
@@ -26276,8 +26301,8 @@ const annotationDraggerPlugin = {
         dragStartY = startY;
       }
     };
-    if (!canvas2.dataset.annotationDraggerInitialized && pluginOptions.enabled && hoveredAnnotationId) {
-      canvas2.addEventListener(MouseEvents.MOUSEDOWN, (event) => {
+    if (canvas2 && !canvas2.dataset.annotationDraggerInitialized && pluginOptions.enabled && hoveredAnnotationId) {
+      canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEDOWN, (event) => {
         var _a3, _b3, _c3;
         handleAnnotationMouseDown(
           event,
@@ -26288,7 +26313,7 @@ const annotationDraggerPlugin = {
           chart2.hoveredAnnotationId
         );
       });
-      canvas2.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
+      canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
         handleAnnotationMouseMove(
           event,
           canvas2,
@@ -26300,7 +26325,7 @@ const annotationDraggerPlugin = {
           chart2
         );
       });
-      canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
+      canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
         handleAnnotationMouseUp(
           isDragging2,
           activeAnnotation,
@@ -26311,11 +26336,11 @@ const annotationDraggerPlugin = {
       canvas2.dataset.annotationDraggerInitialized = "true";
     }
     if (!pluginOptions.enabled) {
-      canvas2.removeEventListener(MouseEvents.MOUSEDOWN, () => {
+      canvas2 == null ? void 0 : canvas2.removeEventListener(MouseEvents.MOUSEDOWN, () => {
       });
-      canvas2.removeEventListener(MouseEvents.MOUSEMOVE, () => {
+      canvas2 == null ? void 0 : canvas2.removeEventListener(MouseEvents.MOUSEMOVE, () => {
       });
-      canvas2.removeEventListener(MouseEvents.MOUSEUP, () => {
+      canvas2 == null ? void 0 : canvas2.removeEventListener(MouseEvents.MOUSEUP, () => {
       });
       canvas2.dataset.annotationDraggerInitialized = "";
     }