@rubin-epo/epo-widget-lib 0.9.0 → 0.9.1

package/dist/widgets/LightCurvePlot/ScatterPlot/styles.js

@@ -1,17 +1,19 @@
 "use client";
-import n from "styled-components";
+import e from "styled-components";
 import { token as i } from "@rubin-epo/epo-react-lib/styles";
-import e from "../../../charts/Base/index.js";
-const a = n.div`
+import o from "../../../charts/Base/index.js";
+const a = e.div`
   display: flex;
-  flex-direction: column;
+  aspect-ratio: 1;
+  color: var(--neutral95, #1f2121);
   container-type: inline-size;
   background-color: var(--white, #fff);
   border: 1px solid var(--turquoise55, #009fa1);
   gap: var(--light-curve-padding);
-  padding: var(--light-curve-padding, var(--PADDING_SMALL, 20px)) 0;
-`, d = n(e)`
+`, s = e(o)`
   font-size: 2.25em;
+  overflow: visible;
+
   @container (
   min-width: ${i("BREAK_MOBILE")}
 ) {
@@ -29,12 +31,8 @@ const a = n.div`
 ) {
     font-size: 1em;
   }
-`, l = n.h3`
-  padding-inline: var(--light-curve-padding, var(--PADDING_SMALL, 20px));
-  margin: 0;
 `;
 export {
-  d as Chart,
-  a as PlotContainer,
-  l as PlotTitle
+  s as Chart,
+  a as PlotContainer
 };

package/dist/widgets/LightCurvePlot/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={xStep:10,yStep:.5,yMin:14,yMax:20,width:600,height:600,gaussianMin:-4,gaussianMax:4,gaussianStep:.01,gaussianWidth:-2,yOffsetMin:-50,yOffsetMax:50,yOffsetStep:.1,yOffset:-2},t=e;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={xMin:-10,xMax:50,xStep:10,yStep:.5,yMin:14,yMax:20,width:600,height:600,gaussianMin:-4,gaussianMax:4,gaussianStep:.01,gaussianWidth:-2,yOffsetMin:-50,yOffsetMax:50,yOffsetStep:.1,yOffset:-2},t=e;exports.default=t;

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

@@ -1,4 +1,6 @@
 declare const defaults: {
+    xMin: number;
+    xMax: number;
     xStep: number;
     yStep: number;
     yMin: number;

package/dist/widgets/LightCurvePlot/defaults.js

@@ -1,4 +1,6 @@
 const s = {
+  xMin: -10,
+  xMax: 50,
   xStep: 10,
   yStep: 0.5,
   yMin: 14,

package/dist/widgets/SourceSelector/SourceSelector.cjs

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

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

@@ -12,8 +12,8 @@ interface SourceSelectorProps {
     alerts: Alert[];
     selectedSource?: string[];
     activeAlertIndex?: number;
-    alertChangeCallback: (index: number) => void;
-    selectionCallback: (data: string[]) => void;
+    alertChangeCallback?: (index: number) => void;
+    selectionCallback?: (data: string[]) => void;
     blinkConfig?: BlinkConfig;
     isDisplayOnly?: boolean;
     className?: string;

package/dist/widgets/SourceSelector/SourceSelector.js

@@ -1,37 +1,37 @@
 "use client";
-import { jsxs as n, jsx as o, Fragment as _ } from "react/jsx-runtime";
+import { jsxs as n, jsx as r, Fragment as _ } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { useTranslation as y } from "react-i18next";
-import E from "@rubin-epo/epo-react-lib/IconComposer";
-import { SourceSelectorContainer as F, BackgroundBlinker as N, ElapsedDisplay as P } from "./styles.js";
-import T from "./PointSelector/index.js";
-import $ from "./Message/Message.js";
-const p = ({
+import { useTranslation as E } from "react-i18next";
+import F from "@rubin-epo/epo-react-lib/IconComposer";
+import { SourceSelectorContainer as N, BackgroundBlinker as P, ElapsedDisplay as T } from "./styles.js";
+import $ from "./PointSelector/index.js";
+import q from "./Message/Message.js";
+const h = ({
   width: i = 600,
   height: d = 600,
-  selectedSource: r = [],
-  sources: h,
+  selectedSource: t = [],
+  sources: p,
   alerts: e = [],
-  activeAlertIndex: t = 0,
+  activeAlertIndex: c = 0,
   alertChangeCallback: k,
   selectionCallback: m,
   blinkConfig: C,
-  isDisplayOnly: c = !1,
+  isDisplayOnly: o = !1,
   className: M
 }) => {
-  const [b, V] = l(!1), [j, u] = l(), [x, a] = l(!1), { t: f } = y(), g = "sourceSelectorWidget", A = (s) => {
-    b && !c && (s ? r.includes(s) || (m && m(r.concat(s)), u(
+  const [b, V] = l(!1), [j, u] = l(), [x, a] = l(!1), { t: f } = E(), g = "sourceSelectorWidget", A = (s) => {
+    b && !o && (s ? t.includes(s) || (m && m(t.concat(s)), u(
       /* @__PURE__ */ n(_, { children: [
-        /* @__PURE__ */ o(E, { icon: "checkmark" }),
+        /* @__PURE__ */ r(F, { icon: "checkmark" }),
         f("source_selector.messages.success")
       ] })
     ), a(!0)) : (u(f("source_selector.messages.failure")), a(!0)));
   }, B = () => {
     a(!1);
-  }, S = e[t].date - e[0].date, I = Math.round(S), L = Math.round(24 / S % 24) || 0, W = c ? [e[t].image] : e.map(({ image: s }) => s);
-  return /* @__PURE__ */ n(F, { width: i, height: d, className: M, children: [
-    !c && /* @__PURE__ */ o(
-      $,
+  }, S = e[c].date - e[0].date, I = Math.round(S), L = Math.round(24 / S % 24) || 0, W = o ? [e[c].image] : e.map(({ image: s }) => s);
+  return /* @__PURE__ */ n(N, { width: i, height: d, className: M, children: [
+    !o && /* @__PURE__ */ r(
+      q,
       {
         onMessageChangeCallback: B,
         isVisible: x,
@@ -40,24 +40,24 @@ const p = ({
       }
     ),
     /* @__PURE__ */ n(
-      N,
+      P,
       {
         images: W,
-        activeIndex: t,
+        activeIndex: c,
         blinkCallback: k,
         loadedCallback: () => V(!0),
         ...C,
         children: [
-          e.length > 0 && /* @__PURE__ */ o(P, { day: I, hour: L }),
-          /* @__PURE__ */ o(
-            T,
+          e.length > 0 && !o && /* @__PURE__ */ r(T, { day: I, hour: L }),
+          /* @__PURE__ */ r(
+            $,
             {
               id: g,
               onSelectCallback: A,
               width: i,
               height: d,
-              sources: h,
-              selectedSource: r
+              sources: p,
+              selectedSource: t
             }
           )
         ]
@@ -65,8 +65,8 @@ const p = ({
     )
   ] });
 };
-p.displayName = "Widgets.SourceSelector";
-const U = p;
+h.displayName = "Widgets.SourceSelector";
+const X = h;
 export {
-  U as default
+  X as default
 };

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

@@ -1,4 +1,5 @@
+import SourceSelector from "./SourceSelector";
 export { default as PointSelector } from "./PointSelector";
 export { default as Message } from "./Message";
 export { default as SelectionList } from "./SelectionList";
-export { default } from "./SourceSelector";
+export default SourceSelector;

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",

package/dist/lib/helpers.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>(t-40587)*864e5;exports.timestampFromMJD=e;

package/dist/lib/helpers.js

@@ -1,4 +0,0 @@
-const e = (t) => (t - 40587) * 864e5;
-export {
-  e as timestampFromMJD
-};