@rubin-epo/epo-widget-lib 1.0.2 → 1.0.4

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

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

@@ -1,50 +1,50 @@
 "use client";
-import { jsx as t, jsxs as A, Fragment as a } 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 { jsx as t, jsxs as W, Fragment as a } 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 D from "@rubin-epo/epo-react-lib/HorizontalSlider";
 import r from "../defaults.js";
-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 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 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 = ({
+import O from "./MagnitudeSlider/index.js";
+import { DM15Display as S } from "./styles.js";
+import C from "../../../charts/Viewport/index.js";
+import G from "../../../layout/Controls/index.js";
+import A from "../../../atomic/ControlLabel/index.js";
+import U from "../../../charts/PathFromPoints/index.js";
+import { mergeWithDefaults as Y } from "../../../lib/utils.js";
+const I = ({
   gaussianWidth: m = r.gaussianWidth,
   yOffset: s = r.yOffset,
-  alerts: B,
-  peakMjd: _,
+  alerts: w,
+  peakMjd: B,
   yMin: d,
   yMax: f,
   width: c = r.width,
   height: h = r.height,
-  userMagnitude: F,
+  userMagnitude: _,
   onUserMagnitudeChangeCallback: n,
   onGaussianChangeCallback: l,
   onYOffsetChangeCallback: p,
-  className: H,
+  className: F,
   isDisplayOnly: g,
-  ...R
+  ...H
 }) => {
-  const { t: v } = V(), i = tt(
+  const { t: v } = T(), i = Y(
     { min: d, max: f },
     r.yAxis
-  ), y = (i.max - i.min) / 2 + i.min, x = X(B, _), j = T(), q = () => {
+  ), y = (i.max - i.min) / 2 + i.min, x = Q(w, B), R = N(), j = () => {
     n && n(y), p && p(r.yOffset), l && l(r.gaussianWidth);
-  }, b = Z(0, m, s), $ = /* @__PURE__ */ t(
-    K,
+  }, b = X(0, m, s), q = /* @__PURE__ */ t(
+    J,
     {
       slider: /* @__PURE__ */ t(
-        S,
+        O,
         {
-          magnitude: F || y,
+          magnitude: _ || y,
           onMagnitudeChangeCallback: (o) => n && n(o),
           disabled: g,
           yMin: i.min - i.step / 2,
@@ -55,53 +55,53 @@ const w = ({
       plotChildren: ({
         xScale: o,
         yScale: e,
-        xDomain: P,
-        yDomain: z,
-        xStart: M,
-        xEnd: E,
-        yStart: W,
+        yDomain: $,
+        xStart: P,
+        xEnd: z,
+        yStart: L,
         yEnd: u,
-        Data: N
-      }) => /* @__PURE__ */ A(a, { children: [
+        Data: E
+      }) => /* @__PURE__ */ W(a, { children: [
         /* @__PURE__ */ t(
           "rect",
           {
             x: o(0),
             y: u,
             width: o(15) - o(0),
-            height: W - u,
+            height: L - u,
             stroke: "var(--neutral60,##6A6E6E)",
             strokeDasharray: 6,
             fill: "var(--neutral20,#DCE0E3)"
           }
         ),
-        N,
+        E,
         /* @__PURE__ */ t(
-          Y,
+          U,
           {
-            points: J(P[0], P[1], 0.5).map((L) => ({
-              x: o(L),
-              y: e(O(L, m))
+            points: V(-10, 40, 0.5).map((M) => ({
+              x: o(M),
+              y: e(Z(M, m))
             })),
             svgProps: {
-              transform: `translate(0,${e(z[1] - s)})`
+              transform: `translate(0,${e($[1] - s)})`,
+              strokeLinecap: "round"
             }
           }
         ),
         /* @__PURE__ */ t(
-          G,
+          C,
           {
-            x: M,
+            x: P,
             y: u,
-            outerHeight: W - u,
-            outerWidth: E - M,
+            outerHeight: L - u,
+            outerWidth: z - P,
             innerWidth: c,
             innerHeight: h,
-            children: /* @__PURE__ */ t(C, { gaussianWidth: m })
+            children: /* @__PURE__ */ t(S, { gaussianWidth: m })
           }
         )
       ] }),
-      ...R,
+      ...H,
       data: x,
       width: c,
       height: h,
@@ -110,15 +110,15 @@ const w = ({
     }
   );
   return /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
-    U,
+    G,
     {
-      className: H,
+      className: F,
       isDisplayOnly: g,
       ratio: { landscape: 3 / 2, portrait: 2 / 3 },
-      widget: $,
-      controls: /* @__PURE__ */ A(a, { children: [
+      widget: q,
+      controls: /* @__PURE__ */ W(a, { children: [
         /* @__PURE__ */ t(
-          I,
+          A,
           {
             label: v("light_curve.curve.controls.gaussian_width"),
             input: (o) => /* @__PURE__ */ t(
@@ -137,7 +137,7 @@ const w = ({
           }
         ),
         /* @__PURE__ */ t(
-          I,
+          A,
           {
             label: v("light_curve.curve.controls.y_offset"),
             input: (o) => /* @__PURE__ */ t(
@@ -156,9 +156,9 @@ const w = ({
           }
         ),
         /* @__PURE__ */ t(
-          Q,
+          K,
           {
-            controlledById: j,
+            controlledById: R,
             data: x,
             gaussianWidth: m,
             yOffset: s,
@@ -166,12 +166,12 @@ const w = ({
           }
         )
       ] }),
-      actions: /* @__PURE__ */ t(k, { onResetCallback: q })
+      actions: /* @__PURE__ */ t(k, { onResetCallback: j })
     }
   ) });
 };
-w.displayName = "Widgets.LightCurve";
-const yt = w;
+I.displayName = "Widgets.LightCurve";
+const vt = I;
 export {
-  yt as default
+  vt as default
 };

package/dist/widgets/SourceSelector/SourceSelector.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),h=require("react"),E=require("react-i18next"),H=require("../../layout/AspectRatio/index.cjs"),X=require("../../atomic/Loader/index.cjs"),Y=require("@rubin-epo/epo-react-lib/IconComposer"),G=require("./SourceMap/index.cjs"),m=require("./utils.cjs"),J=require("./styles.cjs"),K=require("./Message/Message.cjs"),Q=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),U=e=>e&&e.__esModule?e:{default:e},Z=U(Y),A=(e,n)=>{var r;const s={day:0,hour:0},o=e[n];if(!o)return s;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}:s},O=(e,n,s)=>Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)<=Math.pow(s,2),ee=(e,n,s,o)=>{var t;return(t=o.find(({x:r,y:l,radius:a,type:d})=>O(e,{x:m.toDecimalPercent(r)*n,y:m.toDecimalPercent(l)*s},m.getRadius(d,a)*n)))==null?void 0:t.id},j=({width:e=600,height:n=600,selectedSource:s=[],sources:o,alerts:t=[],activeAlertIndex:r=0,alertChangeCallback:l,selectionCallback:a,blinkConfig:d,isDisplayOnly:u=!1,isLoading:p,className:b})=>{var S;const[_,y]=h.useState(!0),[I,x]=h.useState(),[w,f]=h.useState(!1),{t:C}=E.useTranslation(),M=!_&&!p,L=()=>{x(C("source_selector.messages.failure")),f(!0)},P=()=>{x(c.jsxs(c.Fragment,{children:[c.jsx(Z.default,{icon:"checkmark"}),C("source_selector.messages.success")]})),f(!0)},T=({clientX:i,clientY:v,target:k})=>{if(!M||u)return;const{tagName:D,clientWidth:N,clientHeight:q}=k;if(D.toLowerCase()!=="img")return;const{left:W,top:z}=k.getBoundingClientRect(),g=ee({x:i-W,y:q-v+z},N,q,o);if(g){if(s.includes(g))return;a&&a(s.concat(g)),P()}else L()},B=()=>{f(!1)},{day:F,hour:R}=A(t,r),V=u?[(S=t[r])==null?void 0:S.image]:t.map(({image:i})=>i),$=o.filter(({id:i})=>s.includes(i));return c.jsxs(H.default,{ratio:1,className:b,children:[!u&&c.jsx(K.default,{onMessageChangeCallback:B,isVisible:w,children:I}),c.jsx(J.BackgroundBlinker,{images:V,activeIndex:r,blinkCallback:l,loadedCallback:()=>y(!1),onClickCallback:T,extraControls:t.length>0&&!u&&c.jsx(Q.default,{day:F,hour:R}),interval:400,...d,children:c.jsx(G.default,{sources:$,width:e,height:n})}),!M&&c.jsx(X.default,{})]})};j.displayName="Widgets.SourceSelector";const te=j;exports.default=te;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),h=require("react"),z=require("react-i18next"),E=require("../../layout/AspectRatio/index.cjs"),H=require("../../atomic/Loader/index.cjs"),X=require("@rubin-epo/epo-react-lib/IconComposer"),Y=require("./SourceMap/index.cjs"),m=require("./utils.cjs"),G=require("./styles.cjs"),J=require("./Message/Message.cjs"),K=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),Q=e=>e&&e.__esModule?e:{default:e},U=Q(X),Z=(e,t)=>{var c;const s={day:0,hour:0},n=e[t];if(!n)return s;const o=(n==null?void 0:n.date)-((c=e[0])==null?void 0:c.date);return o?{day:Math.round(o)||0,hour:Math.round(24/o%24)||0}:s},A=(e,t,s)=>Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2)<=Math.pow(s,2),O=(e,t,s,n)=>{var o;return(o=n.find(({x:c,y:u,radius:i,type:l})=>A(e,{x:m.toDecimalPercent(c)*t,y:m.toDecimalPercent(u)*s},m.getRadius(l,i)*t)))==null?void 0:o.id},ee=(e,t,s)=>s?e[t]?[e[t].image]:[]:e.map(({image:n})=>n),q=({width:e=600,height:t=600,selectedSource:s=[],sources:n,alerts:o=[],activeAlertIndex:c=0,alertChangeCallback:u,selectionCallback:i,blinkConfig:l,isDisplayOnly:a=!1,isLoading:b,className:j})=>{const[p,_]=h.useState(!0),[y,x]=h.useState(),[I,d]=h.useState(!1),{t:C}=z.useTranslation(),M=!p&&!b,w=()=>{x(C("source_selector.messages.failure")),d(!0)},L=()=>{x(r.jsxs(r.Fragment,{children:[r.jsx(U.default,{icon:"checkmark"}),C("source_selector.messages.success")]})),d(!0)},P=({clientX:f,clientY:$,target:S})=>{if(!M||a)return;const{tagName:D,clientWidth:N,clientHeight:k}=S;if(D.toLowerCase()!=="img")return;const{left:W,top:v}=S.getBoundingClientRect(),g=O({x:f-W,y:k-$+v},N,k,n);if(g){if(s.includes(g))return;i&&i(s.concat(g)),L()}else w()},T=()=>{d(!1)},{day:B,hour:F}=Z(o,c),R=ee(o,c,a),V=n.filter(({id:f})=>s.includes(f));return r.jsxs(E.default,{ratio:1,className:j,children:[!a&&r.jsx(J.default,{onMessageChangeCallback:T,isVisible:I,children:y}),r.jsx(G.BackgroundBlinker,{images:R,activeIndex:c,blinkCallback:u,loadedCallback:()=>_(!1),onClickCallback:P,extraControls:o.length>0&&!a&&r.jsx(K.default,{day:B,hour:F}),interval:400,...l,children:r.jsx(Y.default,{sources:V,width:e,height:t})}),!M&&r.jsx(H.default,{})]})};q.displayName="Widgets.SourceSelector";const te=q;exports.default=te;

package/dist/widgets/SourceSelector/SourceSelector.js

@@ -1,116 +1,115 @@
 "use client";
-import { jsxs as b, jsx as i, Fragment as q } from "react/jsx-runtime";
+import { jsxs as S, jsx as i, Fragment as $ } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { useTranslation as v } from "react-i18next";
+import { useTranslation as q } from "react-i18next";
 import A from "../../layout/AspectRatio/index.js";
 import D from "../../atomic/Loader/index.js";
 import G from "@rubin-epo/epo-react-lib/IconComposer";
 import J from "./SourceMap/index.js";
-import { getRadius as K, toDecimalPercent as x } from "./utils.js";
+import { getRadius as K, toDecimalPercent as b } from "./utils.js";
 import { BackgroundBlinker as Q } from "./styles.js";
 import U from "./Message/Message.js";
 import Z from "../../atomic/ElapsedTime/ElapsedTime.js";
-const O = (t, s) => {
+const v = (e, o) => {
   var n;
-  const o = { day: 0, hour: 0 }, r = t[s];
-  if (!r)
-    return o;
-  const e = (r == null ? void 0 : r.date) - ((n = t[0]) == null ? void 0 : n.date);
-  return e ? {
-    day: Math.round(e) || 0,
-    hour: Math.round(24 / e % 24) || 0
-  } : o;
-}, ee = (t, s, o) => Math.pow(t.x - s.x, 2) + Math.pow(t.y - s.y, 2) <= Math.pow(o, 2), oe = (t, s, o, r) => {
-  var e;
-  return (e = r.find(({ x: n, y: d, radius: a, type: u }) => ee(
-    t,
+  const t = { day: 0, hour: 0 }, s = e[o];
+  if (!s)
+    return t;
+  const r = (s == null ? void 0 : s.date) - ((n = e[0]) == null ? void 0 : n.date);
+  return r ? {
+    day: Math.round(r) || 0,
+    hour: Math.round(24 / r % 24) || 0
+  } : t;
+}, O = (e, o, t) => Math.pow(e.x - o.x, 2) + Math.pow(e.y - o.y, 2) <= Math.pow(t, 2), ee = (e, o, t, s) => {
+  var r;
+  return (r = s.find(({ x: n, y: l, radius: c, type: d }) => O(
+    e,
     {
-      x: x(n) * s,
-      y: x(d) * o
+      x: b(n) * o,
+      y: b(l) * t
     },
-    K(u, a) * s
-  ))) == null ? void 0 : e.id;
-}, w = ({
-  width: t = 600,
-  height: s = 600,
-  selectedSource: o = [],
-  sources: r,
-  alerts: e = [],
+    K(d, c) * o
+  ))) == null ? void 0 : r.id;
+}, oe = (e, o, t) => t ? e[o] ? [e[o].image] : [] : e.map(({ image: s }) => s), x = ({
+  width: e = 600,
+  height: o = 600,
+  selectedSource: t = [],
+  sources: s,
+  alerts: r = [],
   activeAlertIndex: n = 0,
-  alertChangeCallback: d,
-  selectionCallback: a,
-  blinkConfig: u,
-  isDisplayOnly: l = !1,
-  isLoading: y,
-  className: L
+  alertChangeCallback: l,
+  selectionCallback: c,
+  blinkConfig: d,
+  isDisplayOnly: a = !1,
+  isLoading: w,
+  className: y
 }) => {
-  var M;
-  const [I, B] = g(!0), [F, h] = g(), [R, m] = g(!1), { t: p } = v(), C = !I && !y, T = () => {
-    h(p("source_selector.messages.failure")), m(!0);
-  }, V = () => {
+  const [L, I] = g(!0), [B, h] = g(), [F, u] = g(!1), { t: p } = q(), C = !L && !w, R = () => {
+    h(p("source_selector.messages.failure")), u(!0);
+  }, T = () => {
     h(
-      /* @__PURE__ */ b(q, { children: [
+      /* @__PURE__ */ S($, { children: [
         /* @__PURE__ */ i(G, { icon: "checkmark" }),
         p("source_selector.messages.success")
       ] })
-    ), m(!0);
-  }, j = ({
-    clientX: c,
-    clientY: E,
+    ), u(!0);
+  }, V = ({
+    clientX: m,
+    clientY: z,
     target: k
   }) => {
-    if (!C || l)
+    if (!C || a)
       return;
     const {
-      tagName: H,
-      clientWidth: X,
-      clientHeight: S
+      tagName: E,
+      clientWidth: H,
+      clientHeight: M
     } = k;
-    if (H.toLowerCase() !== "img")
+    if (E.toLowerCase() !== "img")
       return;
-    const { left: Y, top: $ } = k.getBoundingClientRect(), f = oe(
-      { x: c - Y, y: S - E + $ },
-      X,
-      S,
-      r
+    const { left: X, top: Y } = k.getBoundingClientRect(), f = ee(
+      { x: m - X, y: M - z + Y },
+      H,
+      M,
+      s
     );
     if (f) {
-      if (o.includes(f))
+      if (t.includes(f))
         return;
-      a && a(o.concat(f)), V();
+      c && c(t.concat(f)), T();
     } else
-      T();
-  }, N = () => {
-    m(!1);
-  }, { day: P, hour: W } = O(e, n), _ = l ? [(M = e[n]) == null ? void 0 : M.image] : e.map(({ image: c }) => c), z = r.filter(({ id: c }) => o.includes(c));
-  return /* @__PURE__ */ b(A, { ratio: 1, className: L, children: [
-    !l && /* @__PURE__ */ i(
+      R();
+  }, j = () => {
+    u(!1);
+  }, { day: N, hour: P } = v(r, n), W = oe(r, n, a), _ = s.filter(({ id: m }) => t.includes(m));
+  return /* @__PURE__ */ S(A, { ratio: 1, className: y, children: [
+    !a && /* @__PURE__ */ i(
       U,
       {
-        onMessageChangeCallback: N,
-        isVisible: R,
-        children: F
+        onMessageChangeCallback: j,
+        isVisible: F,
+        children: B
       }
     ),
     /* @__PURE__ */ i(
       Q,
       {
-        images: _,
+        images: W,
         activeIndex: n,
-        blinkCallback: d,
-        loadedCallback: () => B(!1),
-        onClickCallback: j,
-        extraControls: e.length > 0 && !l && /* @__PURE__ */ i(Z, { day: P, hour: W }),
+        blinkCallback: l,
+        loadedCallback: () => I(!1),
+        onClickCallback: V,
+        extraControls: r.length > 0 && !a && /* @__PURE__ */ i(Z, { day: N, hour: P }),
         interval: 400,
-        ...u,
-        children: /* @__PURE__ */ i(J, { sources: z, width: t, height: s })
+        ...d,
+        children: /* @__PURE__ */ i(J, { sources: _, width: e, height: o })
       }
     ),
     !C && /* @__PURE__ */ i(D, {})
   ] });
 };
-w.displayName = "Widgets.SourceSelector";
-const ge = w;
+x.displayName = "Widgets.SourceSelector";
+const ge = x;
 export {
   ge as default
 };

package/package.json

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