@rubin-epo/epo-widget-lib 0.10.3 → 1.0.0-beta.1

package/dist/charts/hooks/useAxis.js

@@ -1,19 +1,23 @@
-import { getLinearScale as p } from "../../lib/utils.js";
-import { tickStep as k, nice as b, ticks as h } from "d3-array";
-const f = {
-  linear: p
-}, M = (a, e, t) => a > e ? -Math.abs(t) : Math.abs(t), d = (a, e) => a.map((t, n) => n === 0 ? t - e : t + e), F = ({
-  min: a,
-  max: e,
-  step: t,
-  ticks: n = 5,
+import { getLinearScale as u } from "../../lib/utils.js";
+import { tickStep as l, ticks as p } from "d3-array";
+const b = {
+  linear: u
+}, h = (n, t, e) => n > t ? -Math.abs(e) : Math.abs(e), k = (n, t) => n.map((e, a) => a === 0 ? e - t : e + t), S = ({
+  min: n,
+  max: t,
+  step: e,
+  ticks: a = 5,
   range: r,
-  scale: c = "linear",
-  scaleOptions: i
+  scale: s = "linear",
+  scaleOptions: m
 }) => {
-  const o = (typeof t == "number" ? Math.floor(Math.abs((e - a) / t)) : void 0) || n, m = (typeof t == "number" ? M(a, e, t) : k(a, e, n)) / 2, s = d(b(a, e, o), m), l = h(s[0], s[1], o), u = f[c](s, r, i);
-  return [s, l, u];
+  const c = (typeof e == "number" ? Math.floor(Math.abs((t - n) / e)) : void 0) || a, i = (typeof e == "number" ? h(n, t, e) : l(n, t, a)) / 2, o = k([n, t], i);
+  return [
+    o,
+    p(n, t, c),
+    b[s](o, r, m)
+  ];
 };
 export {
-  F as default
+  S as default
 };

package/dist/charts/hooks/useAxis.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/localeStrings/en/epo-widget-lib.json

@@ -83,19 +83,19 @@
   "supernova_three_vector": {
     "histogram": {
       "title": "Supernova Distances",
-      "x_label": "Distance [kpc]",
-      "bar_label_one": "{{binMin}} to {{binMax}} kiloparsecs: {{count}} supernova",
-      "bar_label_other": "{{binMin}} to {{binMax}} kiloparsecs: {{count}} supernovae"
+      "x_label": "Distance [Mlyr]",
+      "bar_label_one": "{{binMin}} to {{binMax}} mega-lightyears: {{count}} supernova",
+      "bar_label_other": "{{binMin}} to {{binMax}} mega-lightyears: {{count}} supernovae"
     },
     "slider": {
       "label": "Select visible range",
-      "valueLabel": "{{value}} kiloparsecs"
+      "valueLabel": "{{value}} mega-lightyears"
     },
     "skymap": {
       "title": "Supernova Distribution",
       "description": "$t(supernova_three_vector.skymap.supernova_count, {\"count\": {{supernovaCount}}, \"min\": {{min}}, \"max\": {{max}}}) $t(supernova_three_vector.skymap.user_supernova_count, {\"count\": {{userObjectCount}}})",
-      "supernova_count_one": "Sky map projection showing {{count}} supernova between the distances of {{min}} and {{max}} kiloparsecs.",
-      "supernova_count_other": "Sky map projection showing {{count}} supernovae between the distances of {{min}} and {{max}} kiloparsecs.",
+      "supernova_count_one": "Sky map projection showing {{count}} supernova between the distances of {{min}} and {{max}} mega-lightyears.",
+      "supernova_count_other": "Sky map projection showing {{count}} supernovae between the distances of {{min}} and {{max}} mega-lightyears.",
       "user_supernova_count_zero": "None of your supernovae are visible.",
       "user_supernova_count_one": "{{count}} of your supernovae is visible near {{coords}}.",
       "user_supernova_count_other": "{{count}} of your supernovae are visible near {{coords}}."
@@ -128,7 +128,7 @@
       "point_label_peak": "Apparent Magnitude: {{magnitude}} at peak",
       "point_label_after_one": "Apparent Magnitude: {{magnitude}} {{count}} day after peak",
       "point_label_after_other": "Apparent Magnitude: {{magnitude}} {{count}} days after peak",
-      "tooltip": "Apparent Magnitude: {{magnitude}}"
+      "tooltip": "m: {{magnitude}}"
     }
   },
   "isochrone_plot": {

package/dist/widgets/LightCurvePlot/Plot/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),M=require("react-i18next"),y=require("d3-array"),k=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const x=require("../../../lib/utils.cjs"),u=require("../defaults.cjs"),v=require("./styles.cjs"),C=require("../../../atomic/PlotWrapper/styles.cjs"),E=(i,c,p)=>{const o={};return Object.keys(i).forEach(e=>{const a=e==="top"||e==="bottom"?p:c,n=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${n}`]=`${i[e]/a*100}%`}),o},A=({data:i,activeAlertId:c,xMin:p,xMax:o,yMin:d,yMax:e,width:a=u.default.width,height:n=u.default.height,name:j,slider:g,className:q,plotChildren:h})=>{const{t:l,i18n:{language:W}}=M.useTranslation(),D=x.mergeWithDefaults({min:y.min(i,({x:t})=>t),max:y.max(i,({x:t})=>t)},u.default.xAxis),P=x.mergeWithDefaults({min:p,max:o,label:l("light_curve.plot.x_label")},{...D,label:l("isochrone_plot.plot.x_label")}),r=x.mergeWithDefaults({min:d,max:e,label:l("light_curve.plot.y_label")},{...u.default.yAxis,label:l("isochrone_plot.plot.y_label")}),b={top:10,right:10,bottom:25,left:40};return s.jsxs(C.PlotWrapper,{className:q,children:[s.jsx(k.default,{width:a,height:n,margins:b,activePointId:c,title:j,xAxis:{...P,ticks:6},yAxis:{...r,step:r.min<r.max?Math.abs(r.step):r.step},data:{label:l("light_curve.plot.plot_label"),points:i},tooltip:({y:t})=>l("light_curve.plot.tooltip",{magnitude:t.toLocaleString(W,{minimumFractionDigits:2,maximumFractionDigits:2})}),plotChildren:({xScale:t,yStart:f,yEnd:m,Data:_,...$})=>s.jsxs(s.Fragment,{children:[s.jsx("rect",{x:t(0),y:m,width:t(15)-t(0),height:f-m,stroke:"var(--neutral60,##6A6E6E)",strokeDasharray:6,fill:"var(--neutral20,#DCE0E3)"}),_,h&&h({xScale:t,yStart:f,yEnd:m,Data:_,...$})]})}),g&&s.jsx(v.SliderOuterWrapper,{children:s.jsx(v.SliderInnerWrapper,{style:{...E(b,a,n)},children:g})})]})};A.displayName="Widgets.LightCurve.Plot";const F=A;exports.default=F;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),D=require("react-i18next"),f=require("d3-array"),M=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const m=require("../../../lib/utils.cjs"),u=require("../defaults.cjs"),_=require("./styles.cjs"),I=require("../../../atomic/PlotWrapper/styles.cjs"),O=(l,c,p)=>{const o={};return Object.keys(l).forEach(e=>{const r=e==="top"||e==="bottom"?p:c,n=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${n}`]=`${l[e]/r*100}%`}),o},y=({data:l,activeAlertId:c,xMin:p,xMax:o,yMin:x,yMax:e,width:r=u.default.width,height:n=u.default.height,name:q,slider:d,className:A,plotChildren:g})=>{const{t:i,i18n:{language:v}}=D.useTranslation(),j=m.mergeWithDefaults({min:f.min(l,({x:t})=>t),max:f.max(l,({x:t})=>t)},u.default.xAxis),W=m.mergeWithDefaults({min:p,max:o,label:i("light_curve.plot.x_label")},{...j,label:i("isochrone_plot.plot.x_label")}),s=m.mergeWithDefaults({min:x,max:e,label:i("light_curve.plot.y_label")},{...u.default.yAxis,label:i("isochrone_plot.plot.y_label")}),h={top:10,right:10,bottom:25,left:40};return a.jsxs(I.PlotWrapper,{className:A,children:[a.jsx(M.default,{width:r,height:n,margins:h,activePointId:c,title:q,xAxis:{...W},yAxis:{...s,step:s.min<s.max?Math.abs(s.step):s.step},data:{label:i("light_curve.plot.plot_label"),points:l},tooltip:({y:t})=>i("light_curve.plot.tooltip",{magnitude:t.toLocaleString(v,{minimumFractionDigits:2,maximumFractionDigits:2})}),plotChildren:({xScale:t,yStart:P,yEnd:$,Data:b,...S})=>g?g({xScale:t,yStart:P,yEnd:$,Data:b,...S}):b}),d&&a.jsx(_.SliderOuterWrapper,{children:a.jsx(_.SliderInnerWrapper,{style:{...O(h,r,n)},children:d})})]})};y.displayName="Widgets.LightCurve.Plot";const C=y;exports.default=C;

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

@@ -1,52 +1,52 @@
 "use client";
-import { jsxs as A, jsx as n, Fragment as k } from "react/jsx-runtime";
+import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import { useTranslation as C } from "react-i18next";
-import { min as E, max as F } from "d3-array";
+import { min as D, max as F } from "d3-array";
 import I from "../../../charts/ScatterPlot/index.js";
 import "../../../atomic/PlotWrapper/index.js";
-import { mergeWithDefaults as u } from "../../../lib/utils.js";
-import m from "../defaults.js";
+import { mergeWithDefaults as x } from "../../../lib/utils.js";
+import n from "../defaults.js";
 import { SliderOuterWrapper as L, SliderInnerWrapper as M } from "./styles.js";
 import { PlotWrapper as N } from "../../../atomic/PlotWrapper/styles.js";
-const O = (i, p, c) => {
-  const l = {};
-  return Object.keys(i).forEach((o) => {
-    const s = o === "top" || o === "bottom" ? c : p, a = `${o.charAt(0).toUpperCase()}${o.slice(1)}`;
-    l[`padding${a}`] = `${i[o] / s * 100}%`;
-  }), l;
-}, v = ({
+const O = (i, m, p) => {
+  const r = {};
+  return Object.keys(i).forEach((t) => {
+    const s = t === "top" || t === "bottom" ? p : m, a = `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
+    r[`padding${a}`] = `${i[t] / s * 100}%`;
+  }), r;
+}, f = ({
   data: i,
-  activeAlertId: p,
-  xMin: c,
-  xMax: l,
-  yMin: x,
-  yMax: o,
-  width: s = m.width,
-  height: a = m.height,
-  name: y,
+  activeAlertId: m,
+  xMin: p,
+  xMax: r,
+  yMin: u,
+  yMax: t,
+  width: s = n.width,
+  height: a = n.height,
+  name: _,
   slider: g,
-  className: P,
-  plotChildren: f
+  className: y,
+  plotChildren: h
 }) => {
   const {
     t: e,
-    i18n: { language: W }
-  } = C(), $ = u(
+    i18n: { language: A }
+  } = C(), v = x(
     {
-      min: E(i, ({ x: t }) => t),
-      max: F(i, ({ x: t }) => t)
+      min: D(i, ({ x: o }) => o),
+      max: F(i, ({ x: o }) => o)
     },
-    m.xAxis
-  ), D = u(
-    { min: c, max: l, label: e("light_curve.plot.x_label") },
+    n.xAxis
+  ), P = x(
+    { min: p, max: r, label: e("light_curve.plot.x_label") },
     {
-      ...$,
+      ...v,
       label: e("isochrone_plot.plot.x_label")
     }
-  ), r = u(
-    { min: x, max: o, label: e("light_curve.plot.y_label") },
+  ), l = x(
+    { min: u, max: t, label: e("light_curve.plot.y_label") },
     {
-      ...m.yAxis,
+      ...n.yAxis,
       label: e("isochrone_plot.plot.y_label")
     }
   ), b = {
@@ -55,52 +55,36 @@ const O = (i, p, c) => {
     bottom: 25,
     left: 40
   };
-  return /* @__PURE__ */ A(N, { className: P, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ j(N, { className: y, children: [
+    /* @__PURE__ */ c(
       I,
       {
         width: s,
         height: a,
         margins: b,
-        activePointId: p,
-        title: y,
+        activePointId: m,
+        title: _,
         xAxis: {
-          ...D,
-          ticks: 6
+          ...P
         },
         yAxis: {
-          ...r,
-          step: r.min < r.max ? Math.abs(r.step) : r.step
+          ...l,
+          step: l.min < l.max ? Math.abs(l.step) : l.step
         },
         data: {
           label: e("light_curve.plot.plot_label"),
           points: i
         },
-        tooltip: ({ y: t }) => e("light_curve.plot.tooltip", {
-          magnitude: t.toLocaleString(W, {
+        tooltip: ({ y: o }) => e("light_curve.plot.tooltip", {
+          magnitude: o.toLocaleString(A, {
             minimumFractionDigits: 2,
             maximumFractionDigits: 2
           })
         }),
-        plotChildren: ({ xScale: t, yStart: d, yEnd: h, Data: _, ...j }) => /* @__PURE__ */ A(k, { children: [
-          /* @__PURE__ */ n(
-            "rect",
-            {
-              x: t(0),
-              y: h,
-              width: t(15) - t(0),
-              height: d - h,
-              stroke: "var(--neutral60,##6A6E6E)",
-              strokeDasharray: 6,
-              fill: "var(--neutral20,#DCE0E3)"
-            }
-          ),
-          _,
-          f && f({ xScale: t, yStart: d, yEnd: h, Data: _, ...j })
-        ] })
+        plotChildren: ({ xScale: o, yStart: W, yEnd: $, Data: d, ...S }) => h ? h({ xScale: o, yStart: W, yEnd: $, Data: d, ...S }) : d
       }
     ),
-    g && /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n(
+    g && /* @__PURE__ */ c(L, { children: /* @__PURE__ */ c(
       M,
       {
         style: { ...O(b, s, a) },
@@ -109,8 +93,8 @@ const O = (i, p, c) => {
     ) })
   ] });
 };
-v.displayName = "Widgets.LightCurve.Plot";
-const J = v;
+f.displayName = "Widgets.LightCurve.Plot";
+const G = f;
 export {
-  J as default
+  G as default
 };

package/dist/widgets/LightCurvePlot/PlotWithCurve/MagnitudeSlider/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),h=require("react-i18next"),s=require("./styles.cjs"),v=(t,i,a)=>{const n=Number(Math.abs(i-t).toFixed(1)),u=n.toLocaleString(a,{minimumFractionDigits:1,maximumFractionDigits:1});let e;return n<=.05?(e="equal",{distance:n,context:e}):(t<i?e="above":e="below",{distance:u,context:e})},c=({magnitude:t,yMin:i,yMax:a,onMagnitudeChangeCallback:n,estimatedPeak:u,disabled:e})=>{const{t:o,i18n:{language:l}}=h.useTranslation(),m=Math.min(i,a),d=Math.max(i,a);return r.jsx(s.Slider,{ariaLabel:o("light_curve.magnitude_slider.label"),orientation:"vertical",value:t,step:.1,ariaValuetext:()=>o("light_curve.magnitude_slider.value",{...v(u,t,l),magnitude:t.toLocaleString(l,{minimumFractionDigits:1,maximumFractionDigits:1})}),onChange:n,renderThumb:({key:g,style:x,...b})=>r.jsxs(s.ThumbContainer,{...b,style:x,children:[r.jsx(s.ThumbBar,{}),r.jsx(s.ThumbHandle,{})]},g),min:m,max:d,disabled:e})};c.displayName="Widgets.LightCurve.MagnitudeSlider";const S=c;exports.default=S;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),h=require("react-i18next"),s=require("./styles.cjs"),v=(t,i,a)=>{const n=Number(Math.abs(i-t).toFixed(1)),u=n.toLocaleString(a,{minimumFractionDigits:1,maximumFractionDigits:1});let e;return n<=.05?(e="equal",{distance:n,context:e}):(t<i?e="above":e="below",{distance:u,context:e})},c=({magnitude:t,yMin:i,yMax:a,onMagnitudeChangeCallback:n,estimatedPeak:u,disabled:e})=>{const{t:o,i18n:{language:l}}=h.useTranslation(),m=Math.min(i,a),d=Math.max(i,a);return r.jsx(s.Slider,{ariaLabel:o("light_curve.magnitude_slider.label"),orientation:"vertical",value:t,step:.05,ariaValuetext:()=>o("light_curve.magnitude_slider.value",{...v(u,t,l),magnitude:t.toLocaleString(l,{minimumFractionDigits:1,maximumFractionDigits:1})}),onChange:n,renderThumb:({key:g,style:x,...b})=>r.jsxs(s.ThumbContainer,{...b,style:x,children:[r.jsx(s.ThumbBar,{}),r.jsx(s.ThumbHandle,{})]},g),min:m,max:d,disabled:e})};c.displayName="Widgets.LightCurve.MagnitudeSlider";const S=c;exports.default=S;

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

@@ -27,7 +27,7 @@ const D = (i, e, a) => {
       ariaLabel: m("light_curve.magnitude_slider.label"),
       orientation: "vertical",
       value: i,
-      step: 0.1,
+      step: 0.05,
       ariaValuetext: () => m("light_curve.magnitude_slider.value", {
         ...D(r, i, l),
         magnitude: i.toLocaleString(l, {

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

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

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/LightCurvePlot/PlotWithoutCurve/index.d.ts

@@ -1,9 +1,9 @@
 import { FunctionComponent } from 'react';
-import { Alert } from '../../../types/astro';
+import { BaseAlert } from '../../../types/astro';
 import { PlotProps } from '../Plot';
 
 export interface PlotWithoutCurveProps extends Omit<PlotProps, "data"> {
-    alerts: Array<Alert>;
+    alerts: Array<BaseAlert>;
     peakMjd: number;
 }
 declare const PlotWithoutCurve: FunctionComponent<PlotWithoutCurveProps>;

package/dist/widgets/LightCurvePlot/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={xAxis:{min:-10,max:50,step:10},yAxis:{min:20,max:14,step:-.5},width:600,height:600,gaussianMin:-4,gaussianMax:4,gaussianStep:.01,gaussianWidth:-2,yOffsetMin:-50,yOffsetMax:50,yOffsetStep:.1,yOffset:-2},s=e;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s={xAxis:{min:-10,max:50,ticks:6},yAxis:{min:20,max:14,step:-.5},width:600,height:600,gaussianMin:-4,gaussianMax:4,gaussianStep:.01,gaussianWidth:-2,yOffsetMin:-50,yOffsetMax:50,yOffsetStep:.1,yOffset:-2},e=s;exports.default=e;

package/dist/widgets/LightCurvePlot/defaults.d.ts

@@ -2,7 +2,7 @@ declare const defaults: {
     xAxis: {
         min: number;
         max: number;
-        step: number;
+        ticks: number;
     };
     yAxis: {
         min: number;

package/dist/widgets/LightCurvePlot/defaults.js

@@ -1,5 +1,5 @@
 const s = {
-  xAxis: { min: -10, max: 50, step: 10 },
+  xAxis: { min: -10, max: 50, ticks: 6 },
   yAxis: { min: 20, max: 14, step: -0.5 },
   width: 600,
   height: 600,

package/dist/widgets/LightCurvePlot/helpers.d.ts

@@ -1,8 +1,8 @@
-import { Alert } from '../../types/astro';
+import { BaseAlert } from '../../types/astro';
 import { PlotPoint, Point } from '../../types/charts';
 
 export declare const daysSincePeak: (current: number, peak: number) => number;
-export declare const useAlertsAsPoints: (alerts: Array<Alert>, phaseCorrection: number) => Array<PlotPoint>;
+export declare const useAlertsAsPoints: (alerts: Array<BaseAlert>, phaseCorrection: number) => Array<PlotPoint>;
 export declare const gaussianBump: (x: number, gaussianWidth: number) => number;
 export declare const exponentialRise: (x: number, magnitude: number) => number;
 /**

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"),B=require("react-i18next"),E=require("@rubin-epo/epo-react-lib/IconComposer"),I=require("../../layout/AspectRatio/index.cjs"),N=require("../../atomic/Loader/index.cjs"),R=require("./PointSelector/index.cjs"),U=require("./Message/Message.cjs"),w=require("../../atomic/Blinker/Blinker.cjs"),y=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),D=e=>e&&e.__esModule?e:{default:e},G=D(E),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}=B.useTranslation(),h="sourceSelectorWidget",m=!_&&!b,x=()=>{f(g("source_selector.messages.failure")),i(!0)},L=a=>{if(!(!m||c))if(a){const P=!!o.find(({id:z})=>z===a),W=!n.includes(a);P&&W?(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),F=c?[(S=t[r])==null?void 0:S.image]:t.map(({image:a})=>a);return s.jsxs(I.default,{ratio:"square",className:C,children:[!c&&s.jsx(U.default,{onMessageChangeCallback:T,isVisible:V,forIds:[h],children:p}),s.jsx(w.default,{images:F,activeIndex:r,blinkCallback:M,loadedCallback:()=>k(!1),extraControls:t.length>0&&!c&&s.jsx(y.default,{day:$,hour:v}),...j,children:s.jsx(R.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;