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

package/dist/charts/ScatterPlot/index.js

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

package/dist/charts/ScatterPlot/styles.cjs

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

package/dist/charts/ScatterPlot/styles.js

@@ -1,13 +1,12 @@
 "use client";
-import o from "styled-components";
-import { token as e } from "@rubin-epo/epo-react-lib/styles";
-import t from "../Base/index.js";
-const n = o(t)`
+import t from "styled-components";
+import { token as o } from "@rubin-epo/epo-react-lib/styles";
+import e from "../Base/index.js";
+const n = t(e)`
   font-size: 1.5em;
-  overflow: visible;
 
   @container (
-min-width: ${e("BREAK_PHABLET_MIN")}
+min-width: ${o("BREAK_PHABLET_MIN")}
 ) {
     font-size: 1em;
   }

package/dist/lib/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=(t=[],e=[])=>{const r=t[0]<e[0]?t:e,n=r===t?e:t;return r[1]<n[0]?null:[n[0],r[1]<n[1]?r[1]:n[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,D=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=p;exports.isSafari=_;exports.mergeWithDefaults=D;exports.middle=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),c=t=>t&&t.__esModule?t:{default:t},m=c(d),o=c(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},p=(t,e,n)=>t>=e&&t<=n,M=(t=[],e=[])=>{const n=t[0]<e[0]?t:e,r=n===t?e:t;return n[1]<r[0]?null:[r[0],n[1]<r[1]?n[1]:r[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],n)=>{const r={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...r,...n};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{if(typeof navigator>"u")return!1;const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>o.default(e)&&t?o.default(t)?e:t:e,y=(t,e)=>m.default({},e,t,f),D=(t,e=[0,0])=>t.reduce((n,{x:r,y:i},s)=>n+=`${s===0?"M":" L"}${r+e[0]},${i+e[1]}`,"");exports.between=p;exports.buildPath=D;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=M;exports.isSafari=_;exports.mergeWithDefaults=y;exports.middle=A;

package/dist/lib/utils.js

@@ -1,6 +1,6 @@
 import a from "lodash/mergeWith";
-import u from "lodash/isNil";
-const l = (t, e) => {
+import f from "lodash/isNil";
+const d = (t, e) => {
   switch (!0) {
     case t > e:
       return 0;
@@ -9,32 +9,34 @@ const l = (t, e) => {
     default:
       return t;
   }
-}, d = (t, e, r) => t >= e && t <= r, p = (t = [], e = []) => {
-  const r = t[0] < e[0] ? t : e, n = r === t ? e : t;
-  return r[1] < n[0] ? null : [n[0], r[1] < n[1] ? r[1] : n[1]];
-}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], r) => {
-  const n = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...n, ...r };
-  return (f) => {
+}, h = (t, e, n) => t >= e && t <= n, p = (t = [], e = []) => {
+  const n = t[0] < e[0] ? t : e, r = n === t ? e : t;
+  return n[1] < r[0] ? null : [r[0], n[1] < r[1] ? n[1] : r[1]];
+}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], n) => {
+  const r = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...r, ...n };
+  return (u) => {
     const c = t[1] - t[0];
     if (c === 0)
       return (e[0] + e[1]) / 2;
-    let o = (f - t[0]) / c;
+    let o = (u - t[0]) / c;
     return i && (o = Math.min(Math.max(o, 0), 1)), Number(
       (o * (e[1] - e[0]) + e[0]).toFixed(s)
     );
   };
-}, x = () => {
+}, v = () => {
+  if (typeof navigator > "u")
+    return !1;
   const t = navigator.userAgent.indexOf("Chrome") > -1;
   return navigator.userAgent.indexOf("Safari") > -1 && !t;
-}, m = (t, e) => u(e) && t ? u(t) ? e : t : e, D = (t, e) => a({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
+}, m = (t, e) => f(e) && t ? f(t) ? e : t : e, x = (t, e) => a({}, e, t, m), D = (t, e = [0, 0]) => t.reduce((n, { x: r, y: i }, s) => n += `${s === 0 ? "M" : " L"}${r + e[0]},${i + e[1]}`, "");
 export {
-  d as between,
-  I as buildPath,
+  h as between,
+  D as buildPath,
   m as defaultsMerger,
-  l as getClampedArrayIndex,
+  d as getClampedArrayIndex,
   M as getLinearScale,
   p as intersection,
-  x as isSafari,
-  D as mergeWithDefaults,
+  v as isSafari,
+  x as mergeWithDefaults,
   A as middle
 };

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}}."

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"),C=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const x=require("../../../lib/utils.cjs"),u=require("../defaults.cjs"),v=require("./styles.cjs"),E=require("../../../atomic/PlotWrapper/styles.cjs"),F=(l,c,p)=>{const o={};return Object.keys(l).forEach(e=>{const a=e==="top"||e==="bottom"?p:c,n=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${n}`]=`${l[e]/a*100}%`}),o},A=({data:l,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:i,i18n:{language:W}}=M.useTranslation(),D=x.mergeWithDefaults({min:y.min(l,({x:t})=>t),max:y.max(l,({x:t})=>t)},u.default.xAxis),P=x.mergeWithDefaults({min:p,max:o,label:i("light_curve.plot.x_label")},{...D,label:i("isochrone_plot.plot.x_label")}),r=x.mergeWithDefaults({min:d,max:e,label:i("light_curve.plot.y_label")},{...u.default.yAxis,label:i("isochrone_plot.plot.y_label")}),b={top:10,right:10,bottom:25,left:40};return s.jsxs(E.PlotWrapper,{className:q,children:[s.jsx(C.default,{width:a,height:n,margins:b,activePointId:c,title:j,xAxis:{...P},yAxis:{...r,step:r.min<r.max?Math.abs(r.step):r.step},data:{label:i("light_curve.plot.plot_label"),points:l},tooltip:({y:t})=>i("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:{...F(b,a,n)},children:g})})]})};A.displayName="Widgets.LightCurve.Plot";const I=A;exports.default=I;
+"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,53 +1,53 @@
 "use client";
-import { jsxs as A, jsx as n, Fragment as C } from "react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
-import { min as F, max as k } from "d3-array";
+import { jsxs as j, jsx as c } from "react/jsx-runtime";
+import { useTranslation as C } from "react-i18next";
+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 = (e, p, c) => {
-  const l = {};
-  return Object.keys(e).forEach((o) => {
-    const s = o === "top" || o === "bottom" ? c : p, a = `${o.charAt(0).toUpperCase()}${o.slice(1)}`;
-    l[`padding${a}`] = `${e[o] / s * 100}%`;
-  }), l;
-}, v = ({
-  data: e,
-  activeAlertId: p,
-  xMin: c,
-  xMax: l,
-  yMin: x,
-  yMax: o,
-  width: s = m.width,
-  height: a = m.height,
-  name: y,
+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: 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: i,
-    i18n: { language: W }
-  } = E(), $ = u(
+    t: e,
+    i18n: { language: A }
+  } = C(), v = x(
     {
-      min: F(e, ({ x: t }) => t),
-      max: k(e, ({ x: t }) => t)
+      min: D(i, ({ x: o }) => o),
+      max: F(i, ({ x: o }) => o)
     },
-    m.xAxis
-  ), D = u(
-    { min: c, max: l, label: i("light_curve.plot.x_label") },
+    n.xAxis
+  ), P = x(
+    { min: p, max: r, label: e("light_curve.plot.x_label") },
     {
-      ...$,
-      label: i("isochrone_plot.plot.x_label")
+      ...v,
+      label: e("isochrone_plot.plot.x_label")
     }
-  ), r = u(
-    { min: x, max: o, label: i("light_curve.plot.y_label") },
+  ), l = x(
+    { min: u, max: t, label: e("light_curve.plot.y_label") },
     {
-      ...m.yAxis,
-      label: i("isochrone_plot.plot.y_label")
+      ...n.yAxis,
+      label: e("isochrone_plot.plot.y_label")
     }
   ), b = {
     top: 10,
@@ -55,51 +55,36 @@ const O = (e, 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
+          ...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: i("light_curve.plot.plot_label"),
-          points: e
+          label: e("light_curve.plot.plot_label"),
+          points: i
         },
-        tooltip: ({ y: t }) => i("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(C, { 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) },
@@ -108,8 +93,8 @@ const O = (e, 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;