@oliasoft-open-source/charts-library 4.3.3-beta-8 → 4.3.3-beta-10

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, isNil, debounce as debounce$3, 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, isFunction as isFunction$2, 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
@@ -26170,7 +26170,6 @@ const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAn
         activeAnnotation.yMax = newCenterY + metrics.height / 2;
       }
     }
-    chart2 == null ? void 0 : chart2.update();
     if (activeAnnotation == null ? void 0 : activeAnnotation.onDrag) {
       activeAnnotation.onDrag({ x: x2, y: y2 }, cloneDeep(activeAnnotation));
     }
@@ -26212,9 +26211,12 @@ const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, setDragg
       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;
       }
+    }
+    console.log("chart?.canvas MOUSE UP", chart2 == null ? void 0 : chart2.canvas);
+    if (chart2 == null ? void 0 : chart2.canvas) {
       setDraggingState(false, null);
+      chart2 == null ? void 0 : chart2.update();
     }
-    chart2 == null ? void 0 : chart2.update();
   }
 };
 const annotationLabel = (ctx, annotations, scales) => {
@@ -26280,15 +26282,13 @@ const annotationDraggerPlugin = {
       };
     }
   },
-  afterUpdate(chart2) {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    const { canvas: canvas2, scales, hoveredAnnotationId } = chart2;
-    console.log("Chart afterUpdate:", chart2);
+  afterRender(chart2) {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
     const pluginOptions = ((_b2 = (_a2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a2.plugins) == null ? void 0 : _b2.annotationDraggerPlugin) || {
       enabled: false
     };
-    const typedScales = { x: scales.x, y: scales.y };
-    let annotations = ((_e2 = (_d2 = (_c2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _c2.plugins) == null ? void 0 : _d2.annotation) == null ? void 0 : _e2.annotations) ?? {};
+    const typedScales = { x: (_c2 = chart2 == null ? void 0 : chart2.scales) == null ? void 0 : _c2.x, y: (_d2 = chart2 == null ? void 0 : chart2.scales) == null ? void 0 : _d2.y };
+    let annotations = ((_g2 = (_f2 = (_e2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _e2.plugins) == null ? void 0 : _f2.annotation) == null ? void 0 : _g2.annotations) ?? {};
     if (!annotations)
       return;
     let isDragging2 = false;
@@ -26302,33 +26302,45 @@ const annotationDraggerPlugin = {
         dragStartY = startY;
       }
     };
-    if (!((_f2 = canvas2 == null ? void 0 : canvas2.dataset) == null ? void 0 : _f2.annotationDraggerInitialized) && (pluginOptions == null ? void 0 : pluginOptions.enabled) && hoveredAnnotationId) {
-      if (!isNil(canvas2) && !isEmpty(canvas2)) {
-        console.log("Canvas exists:", cloneDeep(canvas2));
-        canvas2.addEventListener(MouseEvents.MOUSEDOWN, (event) => {
-          var _a3, _b3, _c3;
-          handleAnnotationMouseDown(
-            event,
-            canvas2,
-            typedScales,
-            (_c3 = (_b3 = (_a3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a3.plugins) == null ? void 0 : _b3.annotation) == null ? void 0 : _c3.annotations,
-            setDraggingState,
-            chart2.hoveredAnnotationId
-          );
-        });
-        canvas2.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
-          handleAnnotationMouseMove(
-            event,
-            canvas2,
-            typedScales,
-            isDragging2,
-            activeAnnotation,
-            dragStartX,
-            dragStartY,
-            chart2
-          );
-        });
-        canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
+    if (!((_i2 = (_h2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _h2.dataset) == null ? void 0 : _i2.annotationDraggerInitialized) && (pluginOptions == null ? void 0 : pluginOptions.enabled) && (chart2 == null ? void 0 : chart2.hoveredAnnotationId)) {
+      console.group("Condition");
+      console.log("addEventListener", (_j2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _j2.addEventListener);
+      console.log("nil", !isNil(chart2 == null ? void 0 : chart2.canvas));
+      console.log("isEmpty", !isEmpty(chart2 == null ? void 0 : chart2.canvas));
+      console.log("isFunction", isFunction$2(chart2 == null ? void 0 : chart2.canvas.addEventListener));
+      console.groupEnd();
+      if (!isNil(chart2 == null ? void 0 : chart2.canvas) && !isEmpty(chart2 == null ? void 0 : chart2.canvas) && isFunction$2(chart2 == null ? void 0 : chart2.canvas.addEventListener)) {
+        console.log("Canvas exists and has addEventListener:", chart2 == null ? void 0 : chart2.canvas);
+        (_k2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _k2.addEventListener(
+          MouseEvents.MOUSEDOWN,
+          (event) => {
+            var _a3, _b3, _c3;
+            handleAnnotationMouseDown(
+              event,
+              chart2 == null ? void 0 : chart2.canvas,
+              typedScales,
+              (_c3 = (_b3 = (_a3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a3.plugins) == null ? void 0 : _b3.annotation) == null ? void 0 : _c3.annotations,
+              setDraggingState,
+              chart2.hoveredAnnotationId
+            );
+          }
+        );
+        (_l2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _l2.addEventListener(
+          MouseEvents.MOUSEMOVE,
+          (event) => {
+            handleAnnotationMouseMove(
+              event,
+              chart2 == null ? void 0 : chart2.canvas,
+              typedScales,
+              isDragging2,
+              activeAnnotation,
+              dragStartX,
+              dragStartY,
+              chart2
+            );
+          }
+        );
+        chart2 == null ? void 0 : chart2.canvas.addEventListener(MouseEvents.MOUSEUP, () => {
           handleAnnotationMouseUp(
             isDragging2,
             activeAnnotation,
@@ -26336,20 +26348,24 @@ const annotationDraggerPlugin = {
             setDraggingState
           );
         });
-        canvas2.dataset.annotationDraggerInitialized = "true";
+        chart2.canvas.dataset.annotationDraggerInitialized = "true";
       } else {
-        console.error("Canvas is null or empty:", canvas2);
+        console.error(
+          "Canvas is null, empty, or does not support addEventListener:",
+          chart2 == null ? void 0 : chart2.canvas
+        );
       }
     }
     if (!pluginOptions.enabled) {
-      if (canvas2) {
-        canvas2.removeEventListener(MouseEvents.MOUSEDOWN, () => {
+      if ((chart2 == null ? void 0 : chart2.canvas) && isFunction$2(chart2 == null ? void 0 : chart2.canvas.removeEventListener)) {
+        console.log("Removing event listeners from canvas:", chart2 == null ? void 0 : chart2.canvas);
+        chart2 == null ? void 0 : chart2.canvas.removeEventListener(MouseEvents.MOUSEDOWN, () => {
         });
-        canvas2.removeEventListener(MouseEvents.MOUSEMOVE, () => {
+        chart2 == null ? void 0 : chart2.canvas.removeEventListener(MouseEvents.MOUSEMOVE, () => {
         });
-        canvas2.removeEventListener(MouseEvents.MOUSEUP, () => {
+        chart2 == null ? void 0 : chart2.canvas.removeEventListener(MouseEvents.MOUSEUP, () => {
         });
-        canvas2.dataset.annotationDraggerInitialized = "";
+        chart2.canvas.dataset.annotationDraggerInitialized = "";
       }
     }
   }