@gearbox-protocol/permissionless-ui 1.4.1 → 1.4.3

package/dist/cjs/components/liquidation/liquidation-graph.js

@@ -33,17 +33,23 @@ __export(liquidation_graph_exports, {
 module.exports = __toCommonJS(liquidation_graph_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ColorHeatmap = __toESM(require("reactochart/ColorHeatmap"));
-var import_XAxis = __toESM(require("reactochart/XAxis"));
-var import_XLine = __toESM(require("reactochart/XLine"));
-var import_XYPlot = __toESM(require("reactochart/XYPlot"));
-var import_YAxis = __toESM(require("reactochart/YAxis"));
-var import_YLine = __toESM(require("reactochart/YLine"));
+var ColorHeatmapModule = __toESM(require("reactochart/ColorHeatmap"));
+var XAxisModule = __toESM(require("reactochart/XAxis"));
+var XLineModule = __toESM(require("reactochart/XLine"));
+var XYPlotModule = __toESM(require("reactochart/XYPlot"));
+var YAxisModule = __toESM(require("reactochart/YAxis"));
+var YLineModule = __toESM(require("reactochart/YLine"));
 var import_use_hf = require('../../hooks/use-hf.js');
 var import_use_liquidation = require('../../hooks/use-liquidation/index.js');
 var import_vspace = require('../vspace.js');
 var import_liquidation_graph_legend = require('./liquidation-graph-legend.js');
 var import_liquidation_graph_tip = require('./liquidation-graph-tip.js');
+const ColorHeatmap = ColorHeatmapModule.default || ColorHeatmapModule;
+const XAxis = XAxisModule.default || XAxisModule;
+const XLine = XLineModule.default || XLineModule;
+const XYPlot = XYPlotModule.default || XYPlotModule;
+const YAxis = YAxisModule.default || YAxisModule;
+const YLine = YLineModule.default || YLineModule;
 const WIDTH = 300;
 const HEIGHT = 300;
 const CROSSHAIR_X = "rct-crosshair-x";
@@ -150,7 +156,7 @@ function LiquidationGraph({
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vspace.VSpace, { height: 16 }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full liquidation-graph-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_XYPlot.default,
+      XYPlot,
       {
         width,
         height,
@@ -160,7 +166,7 @@ function LiquidationGraph({
         onMouseLeave: handleMouseLeave,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_XAxis.default,
+            XAxis,
             {
               showLine: false,
               title: (0, import_use_liquidation.formatAxisTipLabel)(xLabel, underlyingToken, xOrder),
@@ -174,7 +180,7 @@ function LiquidationGraph({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_YAxis.default,
+            YAxis,
             {
               showLine: false,
               title: (0, import_use_liquidation.formatAxisTipLabel)(yLabel, underlyingToken, yOrder),
@@ -188,7 +194,7 @@ function LiquidationGraph({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_ColorHeatmap.default,
+            ColorHeatmap,
             {
               data: heatmap,
               value: (d) => d.value,
@@ -199,8 +205,8 @@ function LiquidationGraph({
               rectClassName: (p) => (0, import_use_liquidation.getCellClass)(p, currentPoint, activePointX, activePointY)
             }
           ),
-          activePointX !== void 0 && activePointX !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XLine.default, { value: activePointX, className: CROSSHAIR_X }),
-          activePointY !== void 0 && activePointY !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_YLine.default, { value: activePointY, className: CROSSHAIR_Y })
+          activePointX !== void 0 && activePointX !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XLine, { value: activePointX, className: CROSSHAIR_X }),
+          activePointY !== void 0 && activePointY !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(YLine, { value: activePointY, className: CROSSHAIR_Y })
         ]
       }
     ) }),

package/dist/esm/components/liquidation/liquidation-graph.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-import ColorHeatmap from "reactochart/ColorHeatmap";
-import XAxis from "reactochart/XAxis";
-import XLine from "reactochart/XLine";
-import XYPlot from "reactochart/XYPlot";
-import YAxis from "reactochart/YAxis";
-import YLine from "reactochart/YLine";
+import * as ColorHeatmapModule from "reactochart/ColorHeatmap";
+import * as XAxisModule from "reactochart/XAxis";
+import * as XLineModule from "reactochart/XLine";
+import * as XYPlotModule from "reactochart/XYPlot";
+import * as YAxisModule from "reactochart/YAxis";
+import * as YLineModule from "reactochart/YLine";
 import { useHF } from "../../hooks/use-hf.js";
 import {
   DEFAULT_AXIS_MAX,
@@ -22,6 +22,12 @@ import {
 import { VSpace } from "../vspace.js";
 import { LiquidationGraphLegend } from "./liquidation-graph-legend.js";
 import { LiquidationGraphTip } from "./liquidation-graph-tip.js";
+const ColorHeatmap = ColorHeatmapModule.default || ColorHeatmapModule;
+const XAxis = XAxisModule.default || XAxisModule;
+const XLine = XLineModule.default || XLineModule;
+const XYPlot = XYPlotModule.default || XYPlotModule;
+const YAxis = YAxisModule.default || YAxisModule;
+const YLine = YLineModule.default || YLineModule;
 const WIDTH = 300;
 const HEIGHT = 300;
 const CROSSHAIR_X = "rct-crosshair-x";

package/dist/types/types/reactochart.d.ts

@@ -0,0 +1,145 @@
+declare module "reactochart/ColorHeatmap" {
+  import type { Component } from "react";
+
+  export interface Cell {
+    x: unknown;
+    y: unknown;
+    value: unknown;
+    xEnd?: unknown;
+    yEnd?: unknown;
+  }
+
+  interface ColorHeatmapProps {
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    data?: any;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    value?: (d: any) => number;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    x?: (d: any) => number;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    xEnd?: (d: any) => number;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    y?: (d: any) => number;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    yEnd?: (d: any) => number;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    rectClassName?: string | ((d: any) => string);
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    rectStyle?: any;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    [key: string]: any;
+  }
+
+  class ColorHeatmap extends Component<ColorHeatmapProps> {}
+  export default ColorHeatmap;
+}
+
+declare module "reactochart/XAxis" {
+  import type { Component } from "react";
+
+  interface XAxisProps {
+    showLine?: boolean;
+    title?: string;
+    titleAlign?: string;
+    tickCount?: number;
+    labelFormat?: (value: number) => string;
+    showLabels?: boolean;
+    showTicks?: boolean;
+    onMouseClickAxis?: () => void;
+    nice?: boolean;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    [key: string]: any;
+  }
+
+  class XAxis extends Component<XAxisProps> {}
+  export default XAxis;
+}
+
+declare module "reactochart/XLine" {
+  import type { Component } from "react";
+
+  interface XLineProps {
+    value: number;
+    className?: string;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    [key: string]: any;
+  }
+
+  class XLine extends Component<XLineProps> {}
+  export default XLine;
+}
+
+declare module "reactochart/XYPlot" {
+  import type { Component } from "react";
+
+  interface XYPlotProps {
+    width: number;
+    height: number;
+    xDomain?: [number, number];
+    yDomain?: [number, number];
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    onMouseMove?: (e: any) => void;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    onMouseLeave?: (e: any) => void;
+    children?: React.ReactNode;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    [key: string]: any;
+  }
+
+  class XYPlot extends Component<XYPlotProps> {}
+  export default XYPlot;
+}
+
+declare module "reactochart/YAxis" {
+  import type { Component } from "react";
+
+  interface YAxisProps {
+    showLine?: boolean;
+    title?: string;
+    titleAlign?: string;
+    tickCount?: number;
+    labelFormat?: (value: number) => string;
+    showLabels?: boolean;
+    showTicks?: boolean;
+    onMouseClickAxis?: () => void;
+    nice?: boolean;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    [key: string]: any;
+  }
+
+  class YAxis extends Component<YAxisProps> {}
+  export default YAxis;
+}
+
+declare module "reactochart/YLine" {
+  import type { Component } from "react";
+
+  interface YLineProps {
+    value: number;
+    className?: string;
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    [key: string]: any;
+  }
+
+  class YLine extends Component<YLineProps> {}
+  export default YLine;
+}
+
+declare module "reactochart/ScatterPlot" {
+  import type { Component } from "react";
+
+  export interface Point {
+    x: unknown;
+    y: unknown;
+    [index: number]: unknown;
+  }
+
+  interface ScatterPlotProps {
+    data?: Point[];
+    // biome-ignore lint/suspicious/noExplicitAny: third-party library types
+    [key: string]: any;
+  }
+
+  class ScatterPlot extends Component<ScatterPlotProps> {}
+  export default ScatterPlot;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",