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

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

@@ -1,21 +1,10 @@
 "use client";
-import i from "styled-components";
-const e = i.div`
-  display: flex;
-  justify-content: end;
-  align-items: start;
-`, n = i.div`
-  display: flex;
-  align-items: center;
-  gap: 1ch;
-  min-height: 1em;
-`, s = i.div`
+import o from "styled-components";
+const c = o.div`
   background-color: var(--black, #000);
   height: 2px;
   width: 3ch;
 `;
 export {
-  n as Display,
-  e as DisplayContainer,
-  s as Line
+  c as Line
 };

package/dist/widgets/LightCurvePlot/PlotWithCurve/MagnitudeSlider/index.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent } from 'react';
+
 interface MagnitudeSliderProps {
     yMin: number;
     yMax: number;

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"),A=require("react-i18next"),T=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("../defaults.cjs"),B=require("../Plot/index.cjs"),M=require("./LightCurve/index.cjs"),N=require("./A11Y/LightCurveLabel/index.cjs"),L=require("../helpers.cjs"),J=require("../../../atomic/Button/patterns/Reset.cjs"),K=require("./MagnitudeSlider/index.cjs"),a=require("./styles.cjs"),Q=require("../../../charts/Viewport/index.cjs"),V=require("../../../layout/Controls/index.cjs"),X=require("../../../layout/AspectRatio/index.cjs"),Z=s=>s&&s.__esModule?s:{default:s},I=Z(T),W=({gaussianWidth:s=t.default.gaussianWidth,yOffset:i=t.default.yOffset,alerts:$,peakMjd:y,yMin:l=t.default.yMin,yMax:d=t.default.yMax,width:c=t.default.width,height:f=t.default.height,userMagnitude:P=(d-l)/2+l,onUserMagnitudeChangeCallback:u,onGaussianChangeCallback:o,onYOffsetChangeCallback:n,className:S,isDisplayOnly:x,...D})=>{const{t:h}=A.useTranslation(),j="lightCurveControls",q="gaussianWidthLabel",m="yOffsetLabel",v=L.useAlertsAsPoints($,y),H=()=>{u&&u((d-l)/2+l),n&&n(t.default.yOffset),o&&o(t.default.gaussianWidth)},g=L.estimateMagnitudeWithOffset(0,s,i),b=e.jsx(B.default,{slider:e.jsx(K.default,{magnitude:P,onMagnitudeChangeCallback:r=>u&&u(r),disabled:x,yMin:l,yMax:d,estimatedPeak:g}),plotChildren:({xScale:r,yScale:R,xDomain:F,yDomain:O,xStart:p,xEnd:w,yStart:z,yEnd:_})=>e.jsxs(e.Fragment,{children:[e.jsx(M.default,{gaussianWidth:s,yOffset:i,xDomain:F,xScale:r,yScale:R,yDomain:O}),e.jsx(Q.default,{x:p,y:_,outerHeight:z-_,outerWidth:w-p,innerWidth:c,innerHeight:f,children:e.jsx(a.DM15Display,{gaussianWidth:s})})]}),...D,data:v,width:c,height:f,yMin:l,yMax:d});return x?e.jsx(X.default,{ratio:"square",children:b}):e.jsxs(e.Fragment,{children:[e.jsx(V.default,{className:S,widget:b,controls:e.jsxs(a.Controls,{id:j,children:[e.jsxs("div",{children:[e.jsx(a.ControlLabel,{id:q,children:h("light_curve.curve.controls.gaussian_width")}),e.jsx(I.default,{label:"Gaussian Width",labelledbyId:q,color:"var(--turquoise85, #12726D)",min:t.default.gaussianMin,max:t.default.gaussianMax,step:t.default.gaussianStep,value:s,onChangeCallback:r=>typeof r=="number"&&o&&o(r)})]}),e.jsxs("div",{children:[e.jsx(a.ControlLabel,{id:m,children:h("light_curve.curve.controls.y_offset")}),e.jsx(I.default,{label:"Y Offset",labelledbyId:m,color:"var(--turquoise85, #12726D)",min:t.default.yOffsetMin,max:t.default.yOffsetMax,step:t.default.yOffsetStep,value:i,onChangeCallback:r=>typeof r=="number"&&n&&n(r)})]})]}),actions:e.jsx(J.default,{onResetCallback:H})}),e.jsx(N.default,{controlledById:j,data:v,gaussianWidth:s,yOffset:i,estimatedPeak:g})]})};W.displayName="Widgets.LightCurve";const E=W;exports.default=E;
+"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;

package/dist/widgets/LightCurvePlot/PlotWithCurve/index.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from "react";
-import { PlotWithoutCurveProps } from "../PlotWithoutCurve";
+import { FunctionComponent } from 'react';
+import { PlotWithoutCurveProps } from '../PlotWithoutCurve';
+
 interface PlotWithLightCurveProps extends PlotWithoutCurveProps {
     gaussianWidth?: number;
     yOffset?: number;

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

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

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

@@ -1,9 +1,9 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("styled-components"),i=require("./DM15Display/index.cjs"),a=t=>t&&t.__esModule?t:{default:t},e=a(d);e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),d=require("./DM15Display/index.cjs"),a=e=>e&&e.__esModule?e:{default:e},i=a(t);i.default.div`
   display: grid;
   gap: var(--widget-padding);
   grid-template-rows: 1fr min-content;
   position: relative;
-`;e.default.div`
+`;i.default.div`
   display: flex;
   flex-direction: column;
   container-type: inline-size;
@@ -12,17 +12,10 @@
   gap: var(--widget-padding);
   padding: var(--widget-padding);
   grid-template-columns: 1fr;
-`;e.default.h3`
+`;i.default.h3`
   margin: 0;
-`;const l=e.default(i.default)`
+`;const r=i.default(d.default)`
   background-color: var(--white, #fff);
   margin: 2px 1em;
   padding: 2px;
-`,n=e.default.form`
-  display: flex;
-  flex-direction: column;
-  gap: var(--widget-padding);
-`,o=e.default.span`
-  display: block;
-  margin-block-end: var(--widget-padding);
-`;exports.ControlLabel=o;exports.Controls=n;exports.DM15Display=l;
+`;exports.DM15Display=r;