@rubin-epo/epo-widget-lib 0.9.12 → 0.10.0

package/dist/charts/ScatterPlot/index.js

@@ -1,121 +1,130 @@
 "use client";
-import { jsxs as g, jsx as r } from "react/jsx-runtime";
-import { useState as Y } from "react";
-import q from "../XAxis/index.js";
-import w from "../YAxis/index.js";
-import B from "../Guidelines/index.js";
-import F from "../Points/index.js";
-import J from "../Tooltip/index.js";
-import K from "../ClippingContainer/index.js";
-import D from "../hooks/useAxis.js";
-import { Chart as Q } from "./styles.js";
-import R from "../defaults.js";
-const T = ({
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { useState as J } from "react";
+import K from "../XAxis/index.js";
+import Q from "../YAxis/index.js";
+import R from "../Guidelines/index.js";
+import U from "../Points/index.js";
+import V from "../Tooltip/index.js";
+import Z from "../ClippingContainer/index.js";
+import B from "../hooks/useAxis.js";
+import { Chart as _ } from "./styles.js";
+import D from "../defaults.js";
+import $ from "../canvas/Points/index.js";
+const w = {
+  svg: U,
+  canvas: $
+}, T = ({
   data: j,
   className: z,
-  xAxis: l,
-  yAxis: c,
-  width: u,
-  height: x,
+  xAxis: c,
+  yAxis: l,
+  width: d,
+  height: m,
   title: E,
   activePointId: M,
   margins: A,
   tooltip: n,
-  plotChildren: y
+  onLoadedCallback: G,
+  renderer: N = "svg",
+  plotChildren: x
 }) => {
-  const [h, v] = Y(), { label: G, points: d } = j, s = { ...R.margins, ...A }, t = typeof h < "u" ? d[h] : d.find(({ id: p }) => p === M), m = [0 + s.left, u - s.right], f = [x - s.bottom, 0 + s.top], [a, S, e] = D({ ...l, range: m }), [i, I, o] = D({ ...c, range: f }), k = o(i[0]), b = e(a[0]), L = o(i[1]), N = e(a[1]), P = "x-axis-label", C = "y-axis-label", O = Math.abs(m[1] - m[0]), W = Math.abs(f[1] - f[0]), H = /* @__PURE__ */ r(
-    F,
+  const [y, h] = J(), { label: O, points: f } = j, r = { ...D.margins, ...A }, t = typeof y < "u" ? f[y] : f.find(({ id: p }) => p === M), b = [0 + r.left, d - r.right], g = [m - r.bottom, 0 + r.top], [s, P, e] = B({ ...c, range: b }), [a, S, o] = B({ ...l, range: g }), I = o(a[0]), v = e(s[0]), k = o(a[1]), W = e(s[1]), C = "x-axis-label", L = "y-axis-label", X = Math.abs(b[1] - b[0]), Y = Math.abs(g[1] - g[0]), q = w[N], H = /* @__PURE__ */ i(
+    q,
     {
-      data: d,
-      onHoverCallback: (p) => v(p),
-      onHoverOutCallback: () => v(void 0),
-      label: G,
+      data: f,
+      onHoverCallback: n ? (p) => h(p) : void 0,
+      onHoverOutCallback: n ? () => h(void 0) : void 0,
+      width: d,
+      height: m,
       xScale: e,
-      yScale: o
+      yScale: o,
+      label: O,
+      onLoadedCallback: G
     }
-  ), X = {
+  ), F = {
     Data: H,
     xScale: e,
     yScale: o,
-    yStart: k,
-    yEnd: L,
-    xStart: b,
-    xEnd: N,
-    yDomain: i,
-    xDomain: a
+    yStart: I,
+    yEnd: k,
+    xStart: v,
+    xEnd: W,
+    yDomain: a,
+    xDomain: s
   };
-  return /* @__PURE__ */ g(
-    Q,
+  return /* @__PURE__ */ u(
+    _,
     {
-      verticalLabel: c.label,
-      verticalLabelId: C,
-      horizontalLabel: l.label,
-      horizontalLabelId: P,
+      verticalLabel: l.label,
+      verticalLabelId: L,
+      horizontalLabel: c.label,
+      horizontalLabelId: C,
       className: z,
-      width: u,
-      height: x,
+      width: d,
+      height: m,
       title: E,
       children: [
-        /* @__PURE__ */ r(
-          w,
+        /* @__PURE__ */ i(
+          Q,
           {
-            ticks: I,
-            x: b,
-            labelledById: C,
-            yDomain: i,
+            ticks: S,
+            x: v,
+            labelledById: L,
+            yDomain: a,
             yScale: o
           }
         ),
-        /* @__PURE__ */ g(
-          K,
+        /* @__PURE__ */ u(
+          Z,
           {
-            x: b,
-            y: L,
-            width: O,
-            height: W,
+            x: v,
+            y: k,
+            width: X,
+            height: Y,
             children: [
-              l.guidelines && /* @__PURE__ */ r(
-                B,
+              c.guidelines && /* @__PURE__ */ i(
+                R,
                 {
-                  guides: S.length,
+                  guides: P.length,
                   direction: "vertical",
-                  xDomain: a,
-                  yDomain: i,
+                  xDomain: s,
+                  yDomain: a,
                   xScale: e,
                   yScale: o
                 }
               ),
-              c.guidelines && /* @__PURE__ */ r(
-                B,
+              l.guidelines && /* @__PURE__ */ i(
+                R,
                 {
-                  guides: I.length,
-                  xDomain: a,
-                  yDomain: i,
+                  guides: S.length,
+                  xDomain: s,
+                  yDomain: a,
                   xScale: e,
                   yScale: o
                 }
               ),
-              y ? y(X) : H
+              x ? x(F) : H
             ]
           }
         ),
-        /* @__PURE__ */ r(
-          q,
+        /* @__PURE__ */ i(
+          K,
           {
-            ticks: S,
-            y: k,
-            labelledById: P,
-            xDomain: a,
+            ticks: P,
+            y: I,
+            labelledById: C,
+            xDomain: s,
             xScale: e
           }
         ),
-        n && /* @__PURE__ */ g(
-          J,
+        n && /* @__PURE__ */ u(
+          V,
           {
             x: t ? e(t.x) : void 0,
             y: t ? o(t.y) : void 0,
             visible: !!t,
-            offset: R.pointRadius,
+            offset: D.pointRadius,
             children: [
               t && typeof n == "function" && n(t),
               t && typeof n == "string" && n
@@ -127,7 +136,7 @@ const T = ({
   );
 };
 T.displayName = "Charts.ScatterPlot";
-const rt = T;
+const ft = T;
 export {
-  rt as default
+  ft as default
 };

package/dist/charts/ScatterPlot/styles.cjs

@@ -1,22 +1,10 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),i=require("../Base/index.cjs"),o=e=>e&&e.__esModule?e:{default:e},s=o(n),r=s.default(i.default)`
-  font-size: 2.5em;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),o=require("@rubin-epo/epo-react-lib/styles"),n=require("../Base/index.cjs"),s=e=>e&&e.__esModule?e:{default:e},i=s(t),l=i.default(n.default)`
+  font-size: 1.5em;
   overflow: visible;
 
   @container (
-min-width: ${t.token("BREAK_MOBILE")}
+min-width: ${o.token("BREAK_PHABLET_MIN")}
 ) {
-    font-size: 1.75em;
+    font-size: 1em;
   }
-
-  @container (
-min-width: ${t.token("BREAK_PHABLET_MIN")}
-) {
-    font-size: 1.5em;
-  }
-
-  @container (
-min-width: ${t.token("BREAK_LARGE_TABLET_MIN")}
-) {
-    font-size: 1.25em;
-  }
-`;exports.Chart=r;
+`;exports.Chart=l;

package/dist/charts/ScatterPlot/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Chart: import("styled-components").IStyledComponent<"web", {
+export declare const Chart: import('styled-components').IStyledComponent<"web", {
     className?: string | undefined;
     title?: string | undefined;
     verticalLabel?: string | undefined;
@@ -12,5 +12,5 @@ export declare const Chart: import("styled-components").IStyledComponent<"web",
     yMin?: number | undefined;
     yMax?: number | undefined;
     height?: number | undefined;
-    children?: import("react").ReactNode;
-}> & import("react").FunctionComponent<import("react").PropsWithChildren<import("../Base").BaseChartProps>>;
+    children?: import('react').ReactNode;
+}> & import('react').FunctionComponent<import('react').PropsWithChildren<import('../Base').BaseChartProps>>;

package/dist/charts/ScatterPlot/styles.js

@@ -1,29 +1,17 @@
 "use client";
-import i from "styled-components";
+import o from "styled-components";
 import { token as e } from "@rubin-epo/epo-react-lib/styles";
 import t from "../Base/index.js";
-const r = i(t)`
-  font-size: 2.5em;
+const n = o(t)`
+  font-size: 1.5em;
   overflow: visible;
 
-  @container (
-min-width: ${e("BREAK_MOBILE")}
-) {
-    font-size: 1.75em;
-  }
-
   @container (
 min-width: ${e("BREAK_PHABLET_MIN")}
 ) {
-    font-size: 1.5em;
-  }
-
-  @container (
-min-width: ${e("BREAK_LARGE_TABLET_MIN")}
-) {
-    font-size: 1.25em;
+    font-size: 1em;
   }
 `;
 export {
-  r as Chart
+  n as Chart
 };

package/dist/charts/Tooltip/index.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent, PropsWithChildren } from "react";
+import { FunctionComponent, PropsWithChildren } from 'react';
+
 export interface TooltipProps {
     x?: number;
     y?: number;

package/dist/charts/Tooltip/styles.cjs

@@ -3,7 +3,6 @@
 `,l=e.default.div`
   background-color: #dce0e3;
   border-radius: 4px;
-  font-size: 0.5em;
   line-height: 1;
   padding: 2px 4px;
   text-align: center;