@rubin-epo/epo-widget-lib 0.10.2 → 0.10.3

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

@@ -1,40 +1,36 @@
 "use client";
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
 import d from "../../../../charts/Readout/index.js";
-import { estimateMagnitude as r } from "../../helpers.js";
-import { Line as h } from "./styles.js";
-const a = ({ gaussianWidth: e, className: n }) => {
+import { estimateMagnitude as a } from "../../helpers.js";
+const n = ({ gaussianWidth: t, className: r }) => {
   const {
-    t: m,
-    i18n: { language: o }
-  } = c(), l = r(0, e), s = r(15, e) - l;
-  return /* @__PURE__ */ t(d, { className: n, children: [
-    /* @__PURE__ */ i(h, {}),
-    /* @__PURE__ */ t("math", { xmlns: "http://www.w3.org/1998/Math/MathML", children: [
-      /* @__PURE__ */ i("mn", { children: "Δ" }),
-      /* @__PURE__ */ t("msub", { children: [
-        /* @__PURE__ */ i("mi", { children: "m" }),
-        /* @__PURE__ */ i("mn", { children: "15" })
-      ] }),
-      /* @__PURE__ */ i("mo", { children: "=" }),
-      /* @__PURE__ */ i(
-        "mn",
-        {
-          role: "status",
-          "aria-live": "polite",
-          "aria-label": m("light_curve.deltaM15.label") || void 0,
-          children: Number(s).toLocaleString(o, {
-            minimumFractionDigits: 2,
-            maximumFractionDigits: 2
-          })
-        }
-      )
-    ] })
-  ] });
+    t: l,
+    i18n: { language: m }
+  } = c(), o = a(0, t), s = a(15, t) - o;
+  return /* @__PURE__ */ i(d, { className: r, children: /* @__PURE__ */ e("math", { xmlns: "http://www.w3.org/1998/Math/MathML", children: [
+    /* @__PURE__ */ i("mn", { children: "Δ" }),
+    /* @__PURE__ */ e("msub", { children: [
+      /* @__PURE__ */ i("mi", { children: "m" }),
+      /* @__PURE__ */ i("mn", { children: "15" })
+    ] }),
+    /* @__PURE__ */ i("mo", { children: "=" }),
+    /* @__PURE__ */ i(
+      "mn",
+      {
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": l("light_curve.deltaM15.label"),
+        children: Number(s).toLocaleString(m, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      }
+    )
+  ] }) });
 };
-a.displayName = "Widgets.LightCurve.DM15Display";
-const y = a;
+n.displayName = "Widgets.LightCurve.DM15Display";
+const g = n;
 export {
-  y 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")||void 0,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:.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;

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o, jsxs as b } from "react/jsx-runtime";
 import { useTranslation as x } from "react-i18next";
-import { Slider as v, ThumbContainer as f, ThumbBar as p, ThumbHandle as S } from "./styles.js";
+import { Slider as f, ThumbContainer as v, ThumbBar as p, ThumbHandle as S } from "./styles.js";
 const D = (i, e, a) => {
   const n = Number(Math.abs(e - i).toFixed(1)), r = n.toLocaleString(a, {
     minimumFractionDigits: 1,
@@ -22,9 +22,9 @@ const D = (i, e, a) => {
     i18n: { language: l }
   } = x(), u = Math.min(e, a), c = Math.max(e, a);
   return /* @__PURE__ */ o(
-    v,
+    f,
     {
-      ariaLabel: m("light_curve.magnitude_slider.label") || void 0,
+      ariaLabel: m("light_curve.magnitude_slider.label"),
       orientation: "vertical",
       value: i,
       step: 0.1,
@@ -36,7 +36,7 @@ const D = (i, e, a) => {
         })
       }),
       onChange: n,
-      renderThumb: ({ key: d, style: g, ...h }) => /* @__PURE__ */ b(f, { ...h, style: g, children: [
+      renderThumb: ({ key: d, style: g, ...h }) => /* @__PURE__ */ b(v, { ...h, style: g, children: [
         /* @__PURE__ */ o(p, {}),
         /* @__PURE__ */ o(S, {})
       ] }, d),

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"),w=require("react"),z=require("react-i18next"),M=require("d3-array"),T=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("../defaults.cjs"),N=require("../Plot/index.cjs"),J=require("./A11Y/LightCurveLabel/index.cjs"),c=require("../helpers.cjs"),K=require("../../../atomic/Button/patterns/Reset.cjs"),O=require("./MagnitudeSlider/index.cjs"),Q=require("./styles.cjs"),V=require("../../../charts/Viewport/index.cjs"),X=require("../../../layout/Controls/index.cjs"),Z=require("../../../layout/AspectRatio/index.cjs"),b=require("../../../atomic/ControlLabel/index.cjs"),E=require("../../../charts/PathFromPoints/index.cjs"),G=r=>r&&r.__esModule?r:{default:r},y=G(T),I=({gaussianWidth:r=t.default.gaussianWidth,yOffset:l=t.default.yOffset,alerts:P,peakMjd:W,yMin:i=t.default.yMin,yMax:d=t.default.yMax,width:f=t.default.width,height:x=t.default.height,userMagnitude:F=(d-i)/2+i,onUserMagnitudeChangeCallback:o,onGaussianChangeCallback:n,onYOffsetChangeCallback:a,className:H,isDisplayOnly:q,...R})=>{const{t:j}=z.useTranslation(),m=c.useAlertsAsPoints(P,W),S=w.useId(),A=()=>{o&&o((d-i)/2+i),a&&a(t.default.yOffset),n&&n(t.default.gaussianWidth)},p=c.estimateMagnitudeWithOffset(0,r,l),g=e.jsx(N.default,{slider:e.jsx(O.default,{magnitude:F,onMagnitudeChangeCallback:u=>o&&o(u),disabled:q,yMin:i,yMax:d,estimatedPeak:p}),plotChildren:({xScale:u,yScale:s,xDomain:h,yDomain:B,xStart:v,xEnd:D,yStart:L,yEnd:_})=>e.jsxs(e.Fragment,{children:[e.jsx(E.default,{points:M.range(h[0],h[1],.5).map($=>({x:u($),y:s(c.estimateMagnitude($,r))})),svgProps:{transform:`translate(0,${s(B[1]-l)})`}}),e.jsx(V.default,{x:v,y:_,outerHeight:L-_,outerWidth:D-v,innerWidth:f,innerHeight:x,children:e.jsx(Q.DM15Display,{gaussianWidth:r})})]}),...R,data:m,width:f,height:x,yMin:i,yMax:d});return q?e.jsx(Z.default,{ratio:"square",children:g}):e.jsx(e.Fragment,{children:e.jsx(X.default,{className:H,widget:g,controls:e.jsxs(e.Fragment,{children:[e.jsx(b.default,{label:j("light_curve.curve.controls.gaussian_width"),input:u=>e.jsx(y.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"&&n&&n(s)}),labelBy:!0}),e.jsx(b.default,{label:j("light_curve.curve.controls.y_offset"),input:u=>e.jsx(y.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"&&a&&a(s)}),labelBy:!0}),e.jsx(J.default,{controlledById:S,data:m,gaussianWidth:r,yOffset:l,estimatedPeak:p})]}),actions:e.jsx(K.default,{onResetCallback:A})})})};I.displayName="Widgets.LightCurve";const U=I;exports.default=U;
+"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;

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

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