@oliasoft-open-source/charts-library 4.7.0-beta-4 → 4.7.0-beta-5

package/dist/index.js

@@ -11,7 +11,7 @@ import React__default, { forwardRef, useRef, useEffect, createContext as createC
 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, Flex, Text, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer } from "@oliasoft-open-source/react-ui-library";
+import { Portal, Icon, Menu, Tooltip as Tooltip$2, Button, Text, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer, Flex } 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 } from "lodash";
 /*!
  * @kurkle/color v0.3.2
@@ -23055,7 +23055,6 @@ function getDragOptions({
     dragToZoom,
     doubleClickToReset,
     dragToPan,
-    orDoubleClickToCanvas,
     dragToMovePoints,
     dragDisabled,
     dragToMoveAnnotation
@@ -23064,23 +23063,25 @@ function getDragOptions({
   return [
     {
       buttonLabel: dragToZoom,
-      label: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-        /* @__PURE__ */ jsx(Text, { children: "Drag to zoom" }),
-        /* @__PURE__ */ jsx(Text, { small: true, muted: true, children: doubleClickToReset })
-      ] }),
+      label: dragToZoom,
       icon: /* @__PURE__ */ jsx(TbZoomIn, {}),
       selected: zoomEnabled,
-      onClick: onToggleZoom
+      type: "Option",
+      onClick: () => {
+        if (!zoomEnabled)
+          onToggleZoom();
+      }
     },
     {
       buttonLabel: dragToPan,
-      label: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-        /* @__PURE__ */ jsx(Text, { children: "Drag to pan" }),
-        /* @__PURE__ */ jsx(Text, { small: true, muted: true, children: orDoubleClickToCanvas })
-      ] }),
+      label: dragToPan,
       icon: /* @__PURE__ */ jsx(TbArrowsMove, {}),
       selected: panEnabled,
-      onClick: onTogglePan
+      type: "Option",
+      onClick: () => {
+        if (!panEnabled)
+          onTogglePan();
+      }
     },
     ...isDragDataAllowed ? [
       {
@@ -23088,7 +23089,10 @@ function getDragOptions({
         icon: /* @__PURE__ */ jsx(TbHandStop, {}),
         selected: enableDragPoints,
         type: "Option",
-        onClick: onToggleDragPoints
+        onClick: () => {
+          if (!enableDragPoints)
+            onToggleDragPoints();
+        }
       }
     ] : [],
     ...isDragAnnotationAllowed ? [
@@ -23097,14 +23101,23 @@ function getDragOptions({
         icon: /* @__PURE__ */ jsx(TbHandStop, {}),
         selected: enableDragAnnotation,
         type: "Option",
-        onClick: onToggleDragAnnotation
+        onClick: () => {
+          if (!enableDragAnnotation)
+            onToggleDragAnnotation();
+        }
       }
     ] : [],
     {
       label: dragDisabled,
       icon: /* @__PURE__ */ jsx(TbBan, {}),
       selected: !zoomEnabled && !panEnabled && !enableDragPoints && !enableDragAnnotation,
+      type: "Option",
       onClick: onDisableDragOptions
+    },
+    {
+      label: /* @__PURE__ */ jsx(Text, { small: true, muted: true, children: doubleClickToReset }),
+      type: "Option",
+      disabled: true
     }
   ];
 }
@@ -23124,7 +23137,6 @@ const DragOptions = ({
     dragToZoom,
     doubleClickToReset,
     dragToPan,
-    orDoubleClickToCanvas,
     dragToMovePoints,
     dragDisabled,
     dragToMoveAnnotation
@@ -23147,7 +23159,6 @@ const DragOptions = ({
         dragToZoom,
         doubleClickToReset,
         dragToPan,
-        orDoubleClickToCanvas,
         dragToMovePoints,
         dragDisabled,
         dragToMoveAnnotation
@@ -23156,20 +23167,11 @@ const DragOptions = ({
     [zoomEnabled, panEnabled, enableDragPoints, isDragDataAllowed]
   );
   const selectedOption = options.find((option) => option.selected);
-  const optionsWithDragPoints = options.map(
-    ({ icon, label, onClick, selected }) => ({
-      icon,
-      label,
-      type: "Option",
-      onClick,
-      disabled: selected
-    })
-  );
   return /* @__PURE__ */ jsx(
     Menu,
     {
       menu: {
-        sections: optionsWithDragPoints,
+        sections: options,
         trigger: "Component",
         component: /* @__PURE__ */ jsx(
           Button,