@forgecharts/sdk 1.5.46 → 1.5.48

package/dist/react/canvas/ChartContextMenu.d.ts

@@ -1,9 +1,3 @@
-/**
- * ChartContextMenu — right-click context menu for the chart canvas.
- *
- * Placed at fixed (x, y) on screen. Clicking outside dismisses it via the
- * transparent backdrop. The parent is responsible for calling onClose.
- */
 type Props = {
     x: number;
     y: number;
@@ -13,6 +7,6 @@ type Props = {
     onClearIndicators: () => void;
     onResetView: () => void;
 };
-export declare function ChartContextMenu({ x, y, onClose, onSettings, onClearDrawings, onClearIndicators, onResetView, }: Props): import("react").JSX.Element;
+export declare function ChartContextMenu({ x, y, onClose, onSettings, onClearDrawings, onClearIndicators, onResetView, }: Props): import("react").ReactPortal | null;
 export {};
 //# sourceMappingURL=ChartContextMenu.d.ts.map

package/dist/react/canvas/ChartContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartContextMenu.d.ts","sourceRoot":"","sources":["../../../src/react/canvas/ChartContextMenu.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,KAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,CAAC,EACD,CAAC,EACD,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,GACZ,EAAE,KAAK,+BAkCP"}
+{"version":3,"file":"ChartContextMenu.d.ts","sourceRoot":"","sources":["../../../src/react/canvas/ChartContextMenu.tsx"],"names":[],"mappings":"AAiBA,KAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,CAAC,EACD,CAAC,EACD,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,GACZ,EAAE,KAAK,sCAqCP"}

package/dist/react/index.js

@@ -1,7 +1,7 @@
 import React11, { forwardRef, useRef, useState, useEffect, useImperativeHandle, useCallback, createContext, useMemo, useContext, useReducer } from 'react';
 import { TextStyle, Application, Container, Graphics, Text, FillGradient, CanvasTextMetrics } from 'pixi.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import ReactDOM from 'react-dom';
+import ReactDOM, { createPortal } from 'react-dom';
 
 // src/react/canvas/ChartCanvas.tsx
 
@@ -18029,6 +18029,9 @@ var DEMONSTRATION_RADIUS = 44;
 var DEMONSTRATION_FILL = "rgba(255, 200, 50, 0.18)";
 var DEMONSTRATION_STROKE = "rgba(255, 200, 50, 0.7)";
 var DEMONSTRATION_COLOR = "var(--crosshair-overlay, rgba(255,255,255,0.75))";
+
+// src/version.ts
+var FORGECHARTS_VERSION = "1.5.48" ;
 function applyRuntimeConfig(caps, config) {
   if (!config) return caps;
   const orderEntry = config.enableOrderEntry === false ? false : caps.orderEntry;
@@ -21002,60 +21005,64 @@ function ChartContextMenu({
   onClearIndicators,
   onResetView
 }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "chart-ctx-backdrop", onClick: onClose, onContextMenu: (e) => {
-      e.preventDefault();
-      onClose();
-    } }),
-    /* @__PURE__ */ jsxs("div", { className: "chart-ctx-menu", style: { left: x, top: y }, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item",
-          onClick: () => {
-            onSettings();
-            onClose();
-          },
-          children: "Settings\u2026"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item",
-          onClick: () => {
-            onResetView();
-            onClose();
-          },
-          children: "Reset Chart View"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item chart-ctx-item--danger",
-          onClick: () => {
-            onClearIndicators();
-            onClose();
-          },
-          children: "Clear Indicators"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item chart-ctx-item--danger",
-          onClick: () => {
-            onClearDrawings();
-            onClose();
-          },
-          children: "Clear Drawings"
-        }
-      )
-    ] })
-  ] });
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "chart-ctx-backdrop", onClick: onClose, onContextMenu: (e) => {
+        e.preventDefault();
+        onClose();
+      } }),
+      /* @__PURE__ */ jsxs("div", { className: "chart-ctx-menu", style: { left: x, top: y }, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item",
+            onClick: () => {
+              onSettings();
+              onClose();
+            },
+            children: "Settings\u2026"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item",
+            onClick: () => {
+              onResetView();
+              onClose();
+            },
+            children: "Reset Chart View"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item chart-ctx-item--danger",
+            onClick: () => {
+              onClearIndicators();
+              onClose();
+            },
+            children: "Clear Indicators"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item chart-ctx-item--danger",
+            onClick: () => {
+              onClearDrawings();
+              onClose();
+            },
+            children: "Clear Drawings"
+          }
+        )
+      ] })
+    ] }),
+    document.body
+  );
 }
 var SECTIONS = [
   { id: "symbol", label: "Symbol", icon: "\u{1D446}" },
@@ -26714,9 +26721,6 @@ function _guessFrontMonth(product, months) {
   }
   return `${product}${months[0]}${currentYear + 1}`;
 }
-
-// src/version.ts
-var FORGECHARTS_VERSION = "1.5.46" ;
 var TIMEZONE_OPTIONS = [
   { label: "UTC", value: "UTC" },
   { label: "Exchange", value: "exchange" },