@rubin-epo/epo-widget-lib 0.10.4 → 1.0.0-beta.2

package/dist/widgets/LightCurvePlot/PlotWithCurve/index.js

@@ -1,120 +1,134 @@
 "use client";
-import { jsx as t, jsxs as L, Fragment as d } from "react/jsx-runtime";
-import { useId as N } from "react";
-import { useTranslation as T } from "react-i18next";
-import { range as V } from "d3-array";
-import I from "@rubin-epo/epo-react-lib/HorizontalSlider";
+import { jsx as t, jsxs as A, Fragment as d } from "react/jsx-runtime";
+import { useId as T } from "react";
+import { useTranslation as V } from "react-i18next";
+import { range as J } from "d3-array";
+import D from "@rubin-epo/epo-react-lib/HorizontalSlider";
 import r from "../defaults.js";
-import J from "../Plot/index.js";
-import K from "./A11Y/LightCurveLabel/index.js";
-import { useAlertsAsPoints as Q, estimateMagnitudeWithOffset as X, estimateMagnitude as Z } from "../helpers.js";
-import E from "../../../atomic/Button/patterns/Reset.js";
-import O from "./MagnitudeSlider/index.js";
-import { DM15Display as G } from "./styles.js";
-import U from "../../../charts/Viewport/index.js";
-import Y from "../../../layout/Controls/index.js";
-import A from "../../../atomic/ControlLabel/index.js";
-import k from "../../../charts/PathFromPoints/index.js";
-import { mergeWithDefaults as C } from "../../../lib/utils.js";
-const B = ({
-  gaussianWidth: i = r.gaussianWidth,
+import K from "../Plot/index.js";
+import Q from "./A11Y/LightCurveLabel/index.js";
+import { useAlertsAsPoints as X, estimateMagnitudeWithOffset as Z, estimateMagnitude as O } from "../helpers.js";
+import k from "../../../atomic/Button/patterns/Reset.js";
+import S from "./MagnitudeSlider/index.js";
+import { DM15Display as C } from "./styles.js";
+import G from "../../../charts/Viewport/index.js";
+import U from "../../../layout/Controls/index.js";
+import I from "../../../atomic/ControlLabel/index.js";
+import Y from "../../../charts/PathFromPoints/index.js";
+import { mergeWithDefaults as tt } from "../../../lib/utils.js";
+const w = ({
+  gaussianWidth: m = r.gaussianWidth,
   yOffset: s = r.yOffset,
-  alerts: _,
-  peakMjd: w,
-  yMin: p,
+  alerts: B,
+  peakMjd: _,
+  yMin: a,
   yMax: f,
-  width: a = r.width,
-  height: c = r.height,
-  userMagnitude: D,
+  width: c = r.width,
+  height: h = r.height,
+  userMagnitude: F,
   onUserMagnitudeChangeCallback: n,
   onGaussianChangeCallback: l,
   onYOffsetChangeCallback: u,
-  className: F,
+  className: H,
   isDisplayOnly: g,
-  ...H
+  ...R
 }) => {
-  const { t: h } = T(), m = C(
-    { min: p, max: f },
+  const { t: v } = V(), i = tt(
+    { min: a, max: f },
     r.yAxis
-  ), y = (m.max - m.min) / 2 + m.min, v = Q(_, w), R = N(), j = () => {
+  ), y = (i.max - i.min) / 2 + i.min, x = X(B, _), j = T(), q = () => {
     n && n(y), u && u(r.yOffset), l && l(r.gaussianWidth);
-  }, x = X(0, i, s), q = /* @__PURE__ */ t(
-    J,
+  }, b = Z(0, m, s), $ = /* @__PURE__ */ t(
+    K,
     {
       slider: /* @__PURE__ */ t(
-        O,
+        S,
         {
-          magnitude: D || y,
+          magnitude: F || y,
           onMagnitudeChangeCallback: (e) => n && n(e),
           disabled: g,
-          yMin: m.min,
-          yMax: m.max,
-          estimatedPeak: x
+          yMin: i.min - i.step / 2,
+          yMax: i.max + i.step / 2,
+          estimatedPeak: b
         }
       ),
       plotChildren: ({
         xScale: e,
         yScale: o,
-        xDomain: b,
-        yDomain: S,
-        xStart: P,
-        xEnd: $,
-        yStart: z,
-        yEnd: M
-      }) => /* @__PURE__ */ L(d, { children: [
+        xDomain: P,
+        yDomain: z,
+        xStart: M,
+        xEnd: E,
+        yStart: W,
+        yEnd: p,
+        Data: N
+      }) => /* @__PURE__ */ A(d, { children: [
         /* @__PURE__ */ t(
-          k,
+          "rect",
           {
-            points: V(b[0], b[1], 0.5).map((W) => ({
-              x: e(W),
-              y: o(Z(W, i))
+            x: e(0),
+            y: p,
+            width: e(15) - e(0),
+            height: W - p,
+            stroke: "var(--neutral60,##6A6E6E)",
+            strokeDasharray: 6,
+            fill: "var(--neutral20,#DCE0E3)"
+          }
+        ),
+        N,
+        /* @__PURE__ */ t(
+          Y,
+          {
+            points: J(P[0], P[1], 0.5).map((L) => ({
+              x: e(L),
+              y: o(O(L, m))
             })),
             svgProps: {
-              transform: `translate(0,${o(S[1] - s)})`
+              transform: `translate(0,${o(z[1] - s)})`
             }
           }
         ),
         /* @__PURE__ */ t(
-          U,
+          G,
           {
-            x: P,
-            y: M,
-            outerHeight: z - M,
-            outerWidth: $ - P,
-            innerWidth: a,
-            innerHeight: c,
-            children: /* @__PURE__ */ t(G, { gaussianWidth: i })
+            x: M,
+            y: p,
+            outerHeight: W - p,
+            outerWidth: E - M,
+            innerWidth: c,
+            innerHeight: h,
+            children: /* @__PURE__ */ t(C, { gaussianWidth: m })
           }
         )
       ] }),
-      ...H,
-      data: v,
-      width: a,
-      height: c,
-      yMin: p,
+      ...R,
+      data: x,
+      width: c,
+      height: h,
+      yMin: a,
       yMax: f
     }
   );
   return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
-    Y,
+    U,
     {
-      className: F,
+      className: H,
       isDisplayOnly: g,
-      widget: q,
-      controls: /* @__PURE__ */ L(d, { children: [
+      widget: $,
+      controls: /* @__PURE__ */ A(d, { children: [
         /* @__PURE__ */ t(
-          A,
+          I,
           {
-            label: h("light_curve.curve.controls.gaussian_width"),
+            label: v("light_curve.curve.controls.gaussian_width"),
             input: (e) => /* @__PURE__ */ t(
-              I,
+              D,
               {
                 labelledbyId: e,
                 color: "var(--turquoise85, #12726D)",
                 min: r.gaussianMin,
                 max: r.gaussianMax,
                 step: r.gaussianStep,
-                value: i,
+                value: m,
                 onChangeCallback: (o) => typeof o == "number" && l && l(o)
               }
             ),
@@ -122,11 +136,11 @@ const B = ({
           }
         ),
         /* @__PURE__ */ t(
-          A,
+          I,
           {
-            label: h("light_curve.curve.controls.y_offset"),
+            label: v("light_curve.curve.controls.y_offset"),
             input: (e) => /* @__PURE__ */ t(
-              I,
+              D,
               {
                 labelledbyId: e,
                 color: "var(--turquoise85, #12726D)",
@@ -141,22 +155,22 @@ const B = ({
           }
         ),
         /* @__PURE__ */ t(
-          K,
+          Q,
           {
-            controlledById: R,
-            data: v,
-            gaussianWidth: i,
+            controlledById: j,
+            data: x,
+            gaussianWidth: m,
             yOffset: s,
-            estimatedPeak: x
+            estimatedPeak: b
           }
         )
       ] }),
-      actions: /* @__PURE__ */ t(E, { onResetCallback: j })
+      actions: /* @__PURE__ */ t(k, { onResetCallback: q })
     }
   ) });
 };
-B.displayName = "Widgets.LightCurve";
-const yt = B;
+w.displayName = "Widgets.LightCurve";
+const yt = w;
 export {
   yt as default
 };

package/dist/widgets/SourceSelector/SourceSelector.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),y=require("react-i18next"),z=require("@rubin-epo/epo-react-lib/IconComposer"),E=require("../../layout/AspectRatio/index.cjs"),I=require("./PointSelector/index.cjs"),N=require("../../atomic/Loader/index.cjs"),R=require("./styles.cjs"),U=require("./Message/Message.cjs"),w=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),D=e=>e&&e.__esModule?e:{default:e},G=D(z),H=(e,u)=>{var r;const n={day:0,hour:0},o=e[u];if(!o)return n;const t=(o==null?void 0:o.date)-((r=e[0])==null?void 0:r.date);return t?{day:Math.round(t)||0,hour:Math.round(24/t%24)||0}:n},q=({width:e=600,height:u=600,selectedSource:n=[],sources:o,alerts:t=[],activeAlertIndex:r=0,alertChangeCallback:M,selectionCallback:d,blinkConfig:j,isDisplayOnly:c=!1,isLoading:b,className:_})=>{var S;const[C,k]=l.useState(!0),[p,f]=l.useState(),[V,i]=l.useState(!1),{t:g}=y.useTranslation(),h="sourceSelectorWidget",m=!C&&!b,x=()=>{f(g("source_selector.messages.failure")),i(!0)},L=a=>{if(!(!m||c))if(a){const F=!!o.find(({id:W})=>W===a),P=!n.includes(a);F&&P?(d&&d(n.concat(a)),f(s.jsxs(s.Fragment,{children:[s.jsx(G.default,{icon:"checkmark"}),g("source_selector.messages.success")]})),i(!0)):x()}else x()},T=()=>{i(!1)},{day:$,hour:v}=H(t,r),B=c?[(S=t[r])==null?void 0:S.image]:t.map(({image:a})=>a);return s.jsxs(E.default,{ratio:"square",className:_,children:[!c&&s.jsx(U.default,{onMessageChangeCallback:T,isVisible:V,forIds:[h],children:p}),s.jsxs(R.BackgroundBlinker,{images:B,activeIndex:r,blinkCallback:M,loadedCallback:()=>k(!1),...j,children:[t.length>0&&!c&&s.jsx(w.default,{day:$,hour:v}),s.jsx(I.default,{id:h,onSelectCallback:L,width:e,height:u,sources:o,selectedSource:n})]}),!m&&s.jsx(N.default,{})]})};q.displayName="Widgets.SourceSelector";const J=q;exports.default=J;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),y=require("react-i18next"),z=require("@rubin-epo/epo-react-lib/IconComposer"),E=require("../../layout/AspectRatio/index.cjs"),I=require("../../atomic/Loader/index.cjs"),N=require("./PointSelector/index.cjs"),R=require("./styles.cjs"),U=require("./Message/Message.cjs"),w=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),D=e=>e&&e.__esModule?e:{default:e},G=D(z),H=(e,u)=>{var r;const n={day:0,hour:0},o=e[u];if(!o)return n;const t=(o==null?void 0:o.date)-((r=e[0])==null?void 0:r.date);return t?{day:Math.round(t)||0,hour:Math.round(24/t%24)||0}:n},q=({width:e=600,height:u=600,selectedSource:n=[],sources:o,alerts:t=[],activeAlertIndex:r=0,alertChangeCallback:M,selectionCallback:d,blinkConfig:j,isDisplayOnly:c=!1,isLoading:b,className:C})=>{var S;const[_,k]=l.useState(!0),[p,f]=l.useState(),[V,i]=l.useState(!1),{t:g}=y.useTranslation(),h="sourceSelectorWidget",m=!_&&!b,x=()=>{f(g("source_selector.messages.failure")),i(!0)},L=a=>{if(!(!m||c))if(a){const F=!!o.find(({id:W})=>W===a),P=!n.includes(a);F&&P?(d&&d(n.concat(a)),f(s.jsxs(s.Fragment,{children:[s.jsx(G.default,{icon:"checkmark"}),g("source_selector.messages.success")]})),i(!0)):x()}else x()},T=()=>{i(!1)},{day:$,hour:v}=H(t,r),B=c?[(S=t[r])==null?void 0:S.image]:t.map(({image:a})=>a);return s.jsxs(E.default,{ratio:"square",className:C,children:[!c&&s.jsx(U.default,{onMessageChangeCallback:T,isVisible:V,forIds:[h],children:p}),s.jsx(R.BackgroundBlinker,{images:B,activeIndex:r,blinkCallback:M,loadedCallback:()=>k(!1),extraControls:t.length>0&&!c&&s.jsx(w.default,{day:$,hour:v}),...j,children:s.jsx(N.default,{id:h,onSelectCallback:L,width:e,height:u,sources:o,selectedSource:n})}),!m&&s.jsx(I.default,{})]})};q.displayName="Widgets.SourceSelector";const J=q;exports.default=J;

package/dist/widgets/SourceSelector/SourceSelector.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as f, jsx as a, Fragment as R } from "react/jsx-runtime";
-import { useState as u } from "react";
+import { jsxs as C, jsx as a, Fragment as R } from "react/jsx-runtime";
+import { useState as f } from "react";
 import { useTranslation as U } from "react-i18next";
 import $ from "@rubin-epo/epo-react-lib/IconComposer";
 import v from "../../layout/AspectRatio/index.js";
-import w from "./PointSelector/index.js";
-import G from "../../atomic/Loader/index.js";
+import w from "../../atomic/Loader/index.js";
+import G from "./PointSelector/index.js";
 import { BackgroundBlinker as H } from "./styles.js";
 import J from "./Message/Message.js";
 import K from "../../atomic/ElapsedTime/ElapsedTime.js";
@@ -19,77 +19,75 @@ const Q = (n, c) => {
     day: Math.round(e) || 0,
     hour: Math.round(24 / e % 24) || 0
   } : s;
-}, b = ({
+}, M = ({
   width: n = 600,
   height: c = 600,
   selectedSource: s = [],
   sources: o,
   alerts: e = [],
   activeAlertIndex: r = 0,
-  alertChangeCallback: C,
-  selectionCallback: d,
+  alertChangeCallback: b,
+  selectionCallback: l,
   blinkConfig: k,
   isDisplayOnly: i = !1,
   isLoading: L,
   className: V
 }) => {
-  var M;
-  const [j, x] = u(!0), [B, l] = u(), [F, m] = u(!1), { t: g } = U(), h = "sourceSelectorWidget", p = !j && !L, S = () => {
-    l(g("source_selector.messages.failure")), m(!0);
+  var S;
+  const [x, j] = f(!0), [B, u] = f(), [F, m] = f(!1), { t: d } = U(), g = "sourceSelectorWidget", h = !x && !L, p = () => {
+    u(d("source_selector.messages.failure")), m(!0);
   }, P = (t) => {
-    if (!(!p || i))
+    if (!(!h || i))
       if (t) {
         const z = !!o.find(({ id: N }) => N === t), E = !s.includes(t);
-        z && E ? (d && d(s.concat(t)), l(
-          /* @__PURE__ */ f(R, { children: [
+        z && E ? (l && l(s.concat(t)), u(
+          /* @__PURE__ */ C(R, { children: [
             /* @__PURE__ */ a($, { icon: "checkmark" }),
-            g("source_selector.messages.success")
+            d("source_selector.messages.success")
           ] })
-        ), m(!0)) : S();
+        ), m(!0)) : p();
       } else
-        S();
+        p();
   }, T = () => {
     m(!1);
-  }, { day: W, hour: _ } = Q(e, r), q = i ? [(M = e[r]) == null ? void 0 : M.image] : e.map(({ image: t }) => t);
-  return /* @__PURE__ */ f(v, { ratio: "square", className: V, children: [
+  }, { day: W, hour: _ } = Q(e, r), q = i ? [(S = e[r]) == null ? void 0 : S.image] : e.map(({ image: t }) => t);
+  return /* @__PURE__ */ C(v, { ratio: "square", className: V, children: [
     !i && /* @__PURE__ */ a(
       J,
       {
         onMessageChangeCallback: T,
         isVisible: F,
-        forIds: [h],
+        forIds: [g],
         children: B
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ a(
       H,
       {
         images: q,
         activeIndex: r,
-        blinkCallback: C,
-        loadedCallback: () => x(!1),
+        blinkCallback: b,
+        loadedCallback: () => j(!1),
+        extraControls: e.length > 0 && !i && /* @__PURE__ */ a(K, { day: W, hour: _ }),
         ...k,
-        children: [
-          e.length > 0 && !i && /* @__PURE__ */ a(K, { day: W, hour: _ }),
-          /* @__PURE__ */ a(
-            w,
-            {
-              id: h,
-              onSelectCallback: P,
-              width: n,
-              height: c,
-              sources: o,
-              selectedSource: s
-            }
-          )
-        ]
+        children: /* @__PURE__ */ a(
+          G,
+          {
+            id: g,
+            onSelectCallback: P,
+            width: n,
+            height: c,
+            sources: o,
+            selectedSource: s
+          }
+        )
       }
     ),
-    !p && /* @__PURE__ */ a(G, {})
+    !h && /* @__PURE__ */ a(w, {})
   ] });
 };
-b.displayName = "Widgets.SourceSelector";
-const se = b;
+M.displayName = "Widgets.SourceSelector";
+const se = M;
 export {
   se as default
 };

package/dist/widgets/SourceSelector/styles.d.ts

@@ -492,5 +492,6 @@ export declare const BackgroundBlinker: import('styled-components').IStyledCompo
     loadedCallback?: (() => void) | undefined;
     className?: string | undefined;
     showControls?: boolean | undefined;
+    extraControls?: import('react').ReactNode;
     children?: import('react').ReactNode;
 }> & import('react').FunctionComponent<import('react').PropsWithChildren<import('../../atomic/Blinker/Blinker').BlinkerProps>>;

package/dist/widgets/SupernovaThreeVector/Histogram/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("react"),I=require("react-i18next"),w=require("../../../charts/Base/index.cjs"),H=require("../../../charts/XAxis/index.cjs"),O=require("../../../charts/Guidelines/index.cjs"),R=require("../../../charts/YAxis/index.cjs"),k=require("../../../charts/Bars/index.cjs"),z=require("../../../charts/Tooltip/index.cjs"),A=require("../../../charts/styles.cjs"),B=require("../../../lib/utils.cjs"),E=require("./styles.cjs"),T=({data:c,margin:x,activeRange:b,xDomain:r,yDomain:n,xScale:o,yScale:i,yTicks:h,xTicks:j,step:p,width:M,height:_,className:L})=>{const{t:q}=I.useTranslation(),[u,v]=g.useState(),$=i(n[0]),f="xAxisLabel",d=typeof u=="number",a=c.map(({value:s,bin:e},l)=>({x:e,value:s,width:12,fill:B.between(e,b[0],b[1])?void 0:"#30E0E3",props:{"aria-label":q("supernova_three_vector.histogram.bar_label",{count:s,binMin:e,binMax:e+p}),onMouseOver:()=>v(l),onMouseOut:()=>v(void 0)}}));return t.jsxs(w.default,{xMin:r[0],yMin:n[0],width:M,height:_,className:L,horizontalLabel:q("supernova_three_vector.histogram.x_label"),horizontalLabelId:f,children:[t.jsx(R.default,{showBaseline:!1,x:o(r[0])-10,ticks:h,tickLength:0,labelRender:(s,e,l)=>t.jsx(E.YLabel,{x:e,y:l,children:s}),yDomain:n,yScale:i}),t.jsx(O.default,{guides:h,xDomain:r,xScale:o,yDomain:n,yScale:i,margin:x}),t.jsx(k.default,{data:a,xDomain:r,yDomain:n,xScale:o,yScale:i}),t.jsx(H.default,{ticks:j,y:$,labelledById:f,labelRender:(s,e,l)=>t.jsx(A.XLabel,{x:e,y:l+5,children:s}),xDomain:r,xScale:o,margin:x}),t.jsx(z.default,{x:d?o(c[u].bin):0,y:d?i(a[u].value):0,visible:d,children:d?a[u].value:null})]})},y=T;exports.default=y;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),j=require("react"),L=require("react-i18next"),w=require("../../../charts/Base/index.cjs"),H=require("../../../charts/XAxis/index.cjs"),O=require("../../../charts/Guidelines/index.cjs"),R=require("../../../charts/YAxis/index.cjs"),k=require("../../../charts/Bars/index.cjs"),z=require("../../../charts/Tooltip/index.cjs"),B=require("../../../charts/styles.cjs"),E=require("../../../lib/utils.cjs"),T=require("./styles.cjs"),y=({data:c,margin:b,activeRange:x,xDomain:r,yDomain:n,xScale:o,yScale:i,yTicks:h,xTicks:p,step:M,width:_,height:I,className:$})=>{const{t:q}=L.useTranslation(),[l,v]=j.useState(),g=i(n[0]),f=j.useId(),d=typeof l=="number",a=c.map(({value:s,bin:e},u)=>({x:e,value:s,width:12,fill:E.between(e,x[0],x[1])?void 0:"#30E0E3",props:{"aria-label":q("supernova_three_vector.histogram.bar_label",{count:s,binMin:e,binMax:e+M}),onMouseOver:()=>v(u),onMouseOut:()=>v(void 0)}}));return t.jsxs(w.default,{xMin:r[0],yMin:n[0],width:_,height:I,className:$,horizontalLabel:q("supernova_three_vector.histogram.x_label"),horizontalLabelId:f,children:[t.jsx(R.default,{showBaseline:!1,x:o(r[0])-10,ticks:h,tickLength:0,labelRender:(s,e,u)=>t.jsx(T.YLabel,{x:e,y:u,children:s}),yDomain:n,yScale:i}),t.jsx(O.default,{guides:h,xDomain:r,xScale:o,yDomain:n,yScale:i,margin:b}),t.jsx(k.default,{data:a,xDomain:r,yDomain:n,xScale:o,yScale:i}),t.jsx(H.default,{ticks:p,y:g,labelledById:f,labelRender:(s,e,u)=>t.jsx(B.XLabel,{x:e,y:u+5,children:s}),xDomain:r,xScale:o,margin:b}),t.jsx(z.default,{x:d?o(c[l].bin):0,y:d?i(a[l].value):0,visible:d,children:d?a[l].value:null})]})},A=y;exports.default=A;

package/dist/widgets/SupernovaThreeVector/Histogram/index.js

@@ -1,106 +1,106 @@
 "use client";
-import { jsxs as A, jsx as r } from "react/jsx-runtime";
-import { useState as B } from "react";
-import { useTranslation as w } from "react-i18next";
-import H from "../../../charts/Base/index.js";
-import j from "../../../charts/XAxis/index.js";
-import k from "../../../charts/Guidelines/index.js";
-import z from "../../../charts/YAxis/index.js";
-import E from "../../../charts/Bars/index.js";
-import O from "../../../charts/Tooltip/index.js";
-import { XLabel as R } from "../../../charts/styles.js";
-import { between as T } from "../../../lib/utils.js";
-import { YLabel as X } from "./styles.js";
-const Y = ({
-  data: d,
-  margin: b,
-  activeRange: u,
+import { jsxs as B, jsx as r } from "react/jsx-runtime";
+import { useState as w, useId as A } from "react";
+import { useTranslation as H } from "react-i18next";
+import j from "../../../charts/Base/index.js";
+import k from "../../../charts/XAxis/index.js";
+import z from "../../../charts/Guidelines/index.js";
+import E from "../../../charts/YAxis/index.js";
+import O from "../../../charts/Bars/index.js";
+import R from "../../../charts/Tooltip/index.js";
+import { XLabel as T } from "../../../charts/styles.js";
+import { between as X } from "../../../lib/utils.js";
+import { YLabel as Y } from "./styles.js";
+const G = ({
+  data: a,
+  margin: u,
+  activeRange: b,
   xDomain: t,
   yDomain: s,
   xScale: i,
   yScale: l,
   yTicks: f,
   xTicks: x,
-  step: L,
-  width: M,
-  height: _,
-  className: I
+  step: I,
+  width: L,
+  height: M,
+  className: _
 }) => {
-  const { t: h } = w(), [m, c] = B(), g = l(s[0]), v = "xAxisLabel", p = typeof m == "number", a = d.map(({ value: e, bin: o }, n) => ({
+  const { t: h } = H(), [d, c] = w(), g = l(s[0]), v = A(), m = typeof d == "number", p = a.map(({ value: e, bin: o }, n) => ({
     x: o,
     value: e,
     width: 12,
-    fill: T(o, u[0], u[1]) ? void 0 : "#30E0E3",
+    fill: X(o, b[0], b[1]) ? void 0 : "#30E0E3",
     props: {
       "aria-label": h("supernova_three_vector.histogram.bar_label", {
         count: e,
         binMin: o,
-        binMax: o + L
+        binMax: o + I
       }),
       onMouseOver: () => c(n),
       onMouseOut: () => c(void 0)
     }
   }));
-  return /* @__PURE__ */ A(
-    H,
+  return /* @__PURE__ */ B(
+    j,
     {
       xMin: t[0],
       yMin: s[0],
-      width: M,
-      height: _,
-      className: I,
+      width: L,
+      height: M,
+      className: _,
       horizontalLabel: h("supernova_three_vector.histogram.x_label"),
       horizontalLabelId: v,
       children: [
         /* @__PURE__ */ r(
-          z,
+          E,
           {
             showBaseline: !1,
             x: i(t[0]) - 10,
             ticks: f,
             tickLength: 0,
-            labelRender: (e, o, n) => /* @__PURE__ */ r(X, { x: o, y: n, children: e }),
+            labelRender: (e, o, n) => /* @__PURE__ */ r(Y, { x: o, y: n, children: e }),
             yDomain: s,
             yScale: l
           }
         ),
         /* @__PURE__ */ r(
-          k,
+          z,
           {
             guides: f,
             xDomain: t,
             xScale: i,
             yDomain: s,
             yScale: l,
-            margin: b
+            margin: u
           }
         ),
-        /* @__PURE__ */ r(E, { data: a, xDomain: t, yDomain: s, xScale: i, yScale: l }),
+        /* @__PURE__ */ r(O, { data: p, xDomain: t, yDomain: s, xScale: i, yScale: l }),
         /* @__PURE__ */ r(
-          j,
+          k,
           {
             ticks: x,
             y: g,
             labelledById: v,
-            labelRender: (e, o, n) => /* @__PURE__ */ r(R, { x: o, y: n + 5, children: e }),
+            labelRender: (e, o, n) => /* @__PURE__ */ r(T, { x: o, y: n + 5, children: e }),
             xDomain: t,
             xScale: i,
-            margin: b
+            margin: u
           }
         ),
         /* @__PURE__ */ r(
-          O,
+          R,
           {
-            x: p ? i(d[m].bin) : 0,
-            y: p ? l(a[m].value) : 0,
-            visible: p,
-            children: p ? a[m].value : null
+            x: m ? i(a[d].bin) : 0,
+            y: m ? l(p[d].value) : 0,
+            visible: m,
+            children: m ? p[d].value : null
           }
         )
       ]
     }
   );
-}, W = Y;
+}, Z = G;
 export {
-  W as default
+  Z as default
 };

package/dist/widgets/SupernovaThreeVector/Skymap/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("react"),_=require("d3-geo-projection"),y=require("d3-geo"),M=require("d3-array"),E=require("../../../charts/Base/index.cjs"),N=require("../../../charts/Tooltip/index.cjs"),U=require("../../../atomic/ImageStack/index.cjs"),a=require("./styles.cjs"),q=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,B]=S.useState(!1),[x,f]=S.useState(),l=600,c=300,s={top:20,right:0,bottom:20,left:20},P=l+s.right+s.left,W=c+s.top+s.bottom,d=15,u=30,j=-90,m=90,g=-180,k=180,h=2,i=_.geoAitoff(),n=y.geoGraticule();n.step([u,d]),n.extent([[g,j],[k,m]]),i.fitExtent([[s.left,s.top],[s.left+l-h,s.top+c]],n.outline());const $=M.range(j+d,m,d),A=M.range(g+u,k,u),C=y.geoPath(i).pointRadius(6),r=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,b=(o?i([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(E.default,{width:P,height:W,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:r(n.outline()),fill:"white"})}),e.jsx(a.Background,{d:r(n.outline())}),e.jsx(a.Graticule,{d:r(n())}),e.jsx(a.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:s.left,y:s.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(U.default,{images:v,describedById:G,visible:w,loadCallback:()=>B(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(a.UserObject,{d:r({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:$.map(t=>t===0?null:e.jsxs(a.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${i([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(a.LongLabel,{transform:`translate(${i([t,0])})`,children:[t,"°"]},t))}),e.jsx(a.Outline,{strokeWidth:h,d:r(n.outline())}),e.jsx(N.default,{visible:!!o,x:b[0],y:b[1],children:o==null?void 0:o.id})]})};q.displayName="Widgets.SupernovaThreeVector.Skymap";const V=q;exports.default=V;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("react"),_=require("d3-geo-projection"),q=require("d3-geo"),y=require("d3-array"),E=require("../../../charts/Base/index.cjs"),N=require("../../../charts/Tooltip/index.cjs");require("../../../charts/ScatterPlot/index.cjs");const U=require("../../../atomic/ImageStack/index.cjs"),a=require("./styles.cjs"),M=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,B]=S.useState(!1),[x,f]=S.useState(),l=600,c=300,s={top:20,right:0,bottom:20,left:20},P=l+s.right+s.left,W=c+s.top+s.bottom,d=15,u=30,j=-90,m=90,g=-180,k=180,h=2,r=_.geoAitoff(),n=q.geoGraticule();n.step([u,d]),n.extent([[g,j],[k,m]]),r.fitExtent([[s.left,s.top],[s.left+l-h,s.top+c]],n.outline());const $=y.range(j+d,m,d),A=y.range(g+u,k,u),C=q.geoPath(r).pointRadius(6),i=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,b=(o?r([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(E.default,{width:P,height:W,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:i(n.outline()),fill:"white"})}),e.jsx(a.Background,{d:i(n.outline())}),e.jsx(a.Graticule,{d:i(n())}),e.jsx(a.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:s.left,y:s.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(U.default,{images:v,describedById:G,visible:w,loadCallback:()=>B(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(a.UserObject,{d:i({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:$.map(t=>t===0?null:e.jsxs(a.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${r([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(a.LongLabel,{transform:`translate(${r([t,0])})`,children:[t,"°"]},t))}),e.jsx(a.Outline,{strokeWidth:h,d:i(n.outline())}),e.jsx(N.default,{visible:!!o,x:b[0],y:b[1],children:o==null?void 0:o.id})]})};M.displayName="Widgets.SupernovaThreeVector.Skymap";const V=M;exports.default=V;

package/dist/widgets/SupernovaThreeVector/Skymap/index.js

@@ -6,6 +6,7 @@ import { geoGraticule as R, geoPath as U } from "d3-geo";
 import { range as M } from "d3-array";
 import V from "../../../charts/Base/index.js";
 import q from "../../../charts/Tooltip/index.js";
+import "../../../charts/ScatterPlot/index.js";
 import z from "../../../atomic/ImageStack/index.js";
 import { Background as D, Graticule as F, ImageStackerWrapper as J, UserObject as K, LatLabel as Q, LongLabel as X, Outline as Y } from "./styles.js";
 const y = ({
@@ -116,7 +117,7 @@ const y = ({
   ] });
 };
 y.displayName = "Widgets.SupernovaThreeVector.Skymap";
-const rt = y;
+const st = y;
 export {
-  rt as default
+  st as default
 };

package/dist/widgets/SupernovaThreeVector/styles.cjs

@@ -1,6 +1,6 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),i=require("../../layout/AspectRatio/index.cjs"),a=require("../../atomic/Button/patterns/Reset.cjs"),o=require("./Histogram/index.cjs"),s=require("./Skymap/index.cjs"),d=n=>n&&n.__esModule?n:{default:n},e=d(r),l=e.default(i.default)`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),i=require("../../layout/AspectRatio/index.cjs"),a=require("../../atomic/Button/patterns/Reset.cjs"),o=require("./Histogram/index.cjs"),s=require("./Skymap/index.cjs"),d=n=>n&&n.__esModule?n:{default:n},e=d(r),c=e.default(i.default)`
   container-type: inline-size;
-`,c=e.default.div`
+`,l=e.default.div`
   --three-vector-gap: calc(var(--PADDING_SMALL, 20px) / 2);
 
   display: grid;
@@ -33,17 +33,16 @@
   container-type: inline-size;
   grid-area: histogram;
 `,u=e.default(o.default)`
-  font-size: 0.75;
-  overflow: visible;
+  font-size: 0.75em;
 
   @container (
     min-width: ${t.token("BREAK_PHABLET_MIN")}
   ) {
     font-size: 1em;
   }
-`,f=e.default.div`
+`,p=e.default.div`
   grid-area: slider;
-`,p=e.default(a.default)`
+`,f=e.default(a.default)`
   grid-area: reset;
 `,g=e.default.div`
   display: flex;
@@ -74,4 +73,4 @@
   }
 `,y=e.default.h4`
   margin: 0;
-`;exports.ChartTitle=y;exports.Histogram=u;exports.HistogramContainer=m;exports.ResetButton=p;exports.Skymap=h;exports.SkymapContainer=g;exports.SliderContainer=f;exports.ThreeVectorContainer=l;exports.ThreeVectorLayout=c;
+`;exports.ChartTitle=y;exports.Histogram=u;exports.HistogramContainer=m;exports.ResetButton=f;exports.Skymap=h;exports.SkymapContainer=g;exports.SliderContainer=p;exports.ThreeVectorContainer=c;exports.ThreeVectorLayout=l;