@rubin-epo/epo-widget-lib 2.0.3 → 2.0.5

package/dist/widgets/SourceSelector/MovingSourceSelector.js

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

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

@@ -9,7 +9,7 @@ interface BlinkConfig {
 interface SourceSelectorProps {
     width?: number;
     height?: number;
-    sources: Source[];
+    sources?: Source[] | null;
     alerts: Alert[];
     selectedSource?: string[];
     activeAlertIndex?: number;

package/dist/widgets/SourceSelector/SourceSelector.js

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

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

@@ -1,5 +1,6 @@
 import { default as SourceSelector } from './SourceSelector';
 
+export { default as MovingSourceSelector } from './MovingSourceSelector';
 export { default as Message } from './Message';
-export { default as SelectionList } from './SelectionList';
+export { default as SelectionList } from '../../atomic/SelectionList';
 export default SourceSelector;

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

@@ -1,4 +1,5 @@
 import { SourceDataset } from '../../../types/astro';
 
+export declare const movingData: SourceDataset;
 export declare const biggerData: SourceDataset;
 export declare const moreImages: never[];

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("react"),_=require("d3-geo-projection"),S=require("d3-geo"),M=require("d3-array"),E=require("../../../charts/Base/index.cjs");require("../../../charts/XAxis/index.cjs");require("../../../charts/YAxis/index.cjs");require("../../../charts/Guidelines/index.cjs");const N=require("../../../charts/Tooltip/index.cjs");require("../../../charts/Bars/index.cjs");require("../../../charts/Viewport/index.cjs");require("../../../charts/ScatterPlot/index.cjs");const U=require("../../../atomic/ImageStack/index.cjs"),r=require("./styles.cjs"),y=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,P]=b.useState(!1),[x,f]=b.useState(),l=600,c=300,n={top:20,right:0,bottom:20,left:20},W=l+n.right+n.left,$=c+n.top+n.bottom,d=15,u=30,j=-90,m=90,g=-180,q=180,h=2,i=_.geoAitoff(),s=S.geoGraticule();s.step([u,d]),s.extent([[g,j],[q,m]]),i.fitExtent([[n.left,n.top],[n.left+l-h,n.top+c]],s.outline());const B=M.range(j+d,m,d),A=M.range(g+u,q,u),C=S.geoPath(i).pointRadius(6),a=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,k=(o?i([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(E.default,{width:W,height:$,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:a(s.outline()),fill:"white"})}),e.jsx(r.Background,{d:a(s.outline())}),e.jsx(r.Graticule,{d:a(s())}),e.jsx(r.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:n.left,y:n.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(U.default,{images:v,describedById:G,visible:w,loadCallback:()=>P(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(r.UserObject,{d:a({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:B.map(t=>t===0?null:e.jsxs(r.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${i([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(r.LongLabel,{transform:`translate(${i([t,0])})`,children:[t,"°"]},t))}),e.jsx(r.Outline,{strokeWidth:h,d:a(s.outline())}),e.jsx(N.default,{visible:!!o,x:k[0],y:k[1],children:o==null?void 0:o.id})]})};y.displayName="Widgets.SupernovaThreeVector.Skymap";exports.default=y;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("react"),_=require("d3-geo-projection"),M=require("d3-geo"),q=require("d3-array"),E=require("../../../atomic/ImageStack/index.cjs"),a=require("./styles.cjs"),N=require("../../../charts/Base/index.cjs"),U=require("../../../charts/Tooltip/index.cjs"),y=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,P]=S.useState(!1),[x,f]=S.useState(),l=600,c=300,n={top:20,right:0,bottom:20,left:20},W=l+n.right+n.left,$=c+n.top+n.bottom,d=15,u=30,j=-90,m=90,g=-180,k=180,h=2,i=_.geoAitoff(),s=M.geoGraticule();s.step([u,d]),s.extent([[g,j],[k,m]]),i.fitExtent([[n.left,n.top],[n.left+l-h,n.top+c]],s.outline());const B=q.range(j+d,m,d),A=q.range(g+u,k,u),C=M.geoPath(i).pointRadius(6),r=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,b=(o?i([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(N.default,{width:W,height:$,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:r(s.outline()),fill:"white"})}),e.jsx(a.Background,{d:r(s.outline())}),e.jsx(a.Graticule,{d:r(s())}),e.jsx(a.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:n.left,y:n.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(E.default,{images:v,describedById:G,visible:w,loadCallback:()=>P(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(a.UserObject,{d:r({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:B.map(t=>t===0?null:e.jsxs(a.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${i([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(a.LongLabel,{transform:`translate(${i([t,0])})`,children:[t,"°"]},t))}),e.jsx(a.Outline,{strokeWidth:h,d:r(s.outline())}),e.jsx(U.default,{visible:!!o,x:b[0],y:b[1],children:o==null?void 0:o.id})]})};y.displayName="Widgets.SupernovaThreeVector.Skymap";exports.default=y;

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

@@ -1,19 +1,13 @@
 "use client";
-import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { useState as L } from "react";
 import { geoAitoff as E } from "d3-geo-projection";
 import { geoGraticule as N, geoPath as R } from "d3-geo";
 import { range as M } from "d3-array";
-import U from "../../../charts/Base/index.js";
-import "../../../charts/XAxis/index.js";
-import "../../../charts/YAxis/index.js";
-import "../../../charts/Guidelines/index.js";
-import V from "../../../charts/Tooltip/index.js";
-import "../../../charts/Bars/index.js";
-import "../../../charts/Viewport/index.js";
-import "../../../charts/ScatterPlot/index.js";
-import q from "../../../atomic/ImageStack/index.js";
-import { Background as z, Graticule as D, ImageStackerWrapper as F, UserObject as J, LatLabel as K, LongLabel as Q, Outline as X } from "./styles.js";
+import U from "../../../atomic/ImageStack/index.js";
+import { Background as V, Graticule as q, ImageStackerWrapper as z, UserObject as D, LatLabel as F, LongLabel as J, Outline as K } from "./styles.js";
+import Q from "../../../charts/Base/index.js";
+import X from "../../../charts/Tooltip/index.js";
 const Y = ({
   className: y,
   objects: g = [],
@@ -21,38 +15,38 @@ const Y = ({
   visibleImages: w = [],
   describedById: B
 }) => {
-  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, i = {
+  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, a = {
     top: 20,
     right: 0,
     bottom: 20,
     left: 20
-  }, j = s + i.right + i.left, C = l + i.top + i.bottom, c = 15, d = 30, k = -90, x = 90, p = -180, b = 180, m = 2, a = E(), r = N();
-  r.step([d, c]), r.extent([
+  }, j = s + a.right + a.left, C = l + a.top + a.bottom, c = 15, d = 30, k = -90, x = 90, p = -180, b = 180, m = 2, i = E(), n = N();
+  n.step([d, c]), n.extent([
     [p, k],
     [b, x]
-  ]), a.fitExtent(
+  ]), i.fitExtent(
     [
-      [i.left, i.top],
-      [i.left + s - m, i.top + l]
+      [a.left, a.top],
+      [a.left + s - m, a.top + l]
     ],
-    r.outline()
+    n.outline()
   );
-  const G = M(k + c, x, c), H = M(p + d, b, d), P = R(a).pointRadius(6), n = (t) => P(t) || void 0, e = typeof f < "u" ? g[f] : void 0, S = (e ? a([e == null ? void 0 : e.long, e == null ? void 0 : e.lat]) : [0, 0]) || [0, 0];
-  return /* @__PURE__ */ h(U, { width: j, height: C, className: y, children: [
-    /* @__PURE__ */ o("mask", { id: "imageMask", children: /* @__PURE__ */ o("path", { d: n(r.outline()), fill: "white" }) }),
-    /* @__PURE__ */ o(z, { d: n(r.outline()) }),
-    /* @__PURE__ */ o(D, { d: n(r()) }),
-    /* @__PURE__ */ o(
-      F,
+  const G = M(k + c, x, c), H = M(p + d, b, d), P = R(i).pointRadius(6), r = (t) => P(t) || void 0, o = typeof f < "u" ? g[f] : void 0, S = (o ? i([o == null ? void 0 : o.long, o == null ? void 0 : o.lat]) : [0, 0]) || [0, 0];
+  return /* @__PURE__ */ h(Q, { width: j, height: C, className: y, children: [
+    /* @__PURE__ */ e("mask", { id: "imageMask", children: /* @__PURE__ */ e("path", { d: r(n.outline()), fill: "white" }) }),
+    /* @__PURE__ */ e(V, { d: r(n.outline()) }),
+    /* @__PURE__ */ e(q, { d: r(n()) }),
+    /* @__PURE__ */ e(
+      z,
       {
         style: { "--image-stack-opacity": O && 1 },
-        x: i.left,
-        y: i.top,
+        x: a.left,
+        y: a.top,
         width: s - m,
         height: l,
         mask: "url(#imageMask)",
-        children: /* @__PURE__ */ o(
-          q,
+        children: /* @__PURE__ */ e(
+          U,
           {
             images: v,
             describedById: B,
@@ -64,10 +58,10 @@ const Y = ({
         )
       }
     ),
-    /* @__PURE__ */ o("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ o(
-      J,
+    /* @__PURE__ */ e("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ e(
+      D,
       {
-        d: n({
+        d: r({
           type: "Point",
           coordinates: [$, T]
         }),
@@ -76,14 +70,14 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: G.map(
+    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: G.map(
       (t) => t === 0 ? null : /* @__PURE__ */ h(
-        K,
+        F,
         {
           style: {
             dominantBaseline: t > 0 ? "text-after-edge" : "text-before-edge"
           },
-          transform: `translate(${a([p, t])})`,
+          transform: `translate(${i([p, t])})`,
           children: [
             t,
             "°"
@@ -92,10 +86,10 @@ const Y = ({
         t
       )
     ) }),
-    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
-      Q,
+    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
+      J,
       {
-        transform: `translate(${a([t, 0])})`,
+        transform: `translate(${i([t, 0])})`,
         children: [
           t,
           "°"
@@ -103,20 +97,20 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ o(
-      X,
+    /* @__PURE__ */ e(
+      K,
       {
         strokeWidth: m,
-        d: n(r.outline())
+        d: r(n.outline())
       }
     ),
-    /* @__PURE__ */ o(
-      V,
+    /* @__PURE__ */ e(
+      X,
       {
-        visible: !!e,
+        visible: !!o,
         x: S[0],
         y: S[1],
-        children: e == null ? void 0 : e.id
+        children: o == null ? void 0 : o.id
       }
     )
   ] });

package/package.json

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

package/dist/widgets/SourceSelector/SelectionList/index.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),s=require("./styles.cjs"),a=require("../../../atomic/Button/patterns/Reset.cjs"),l=({className:n,onRemoveCallback:c,sources:t=[]})=>{const{t:r}=u.useTranslation();return e.jsxs(s.SelectionWrapper,{children:[t.length>0&&e.jsx(s.SelectionList,{className:n,children:t.map(({type:o,id:i})=>e.jsxs(s.DescriptionWrapper,{children:[e.jsx("dt",{children:r("source_selector.selected_source",{type:r(`source_selector.sources.${o}`)})}),e.jsx("dd",{children:i})]},i))}),e.jsx(a.default,{isDisabled:t.length<1,onResetCallback:c})]})};l.displayName="Widgets.SelectionList";exports.default=l;

package/dist/widgets/SourceSelector/SelectionList/index.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { SelectionWrapper as a, SelectionList as p, DescriptionWrapper as d } from "./styles.js";
-import m from "../../../atomic/Button/patterns/Reset.js";
-const u = ({
-  className: o,
-  onRemoveCallback: l,
-  sources: t = []
-}) => {
-  const { t: r } = c();
-  return /* @__PURE__ */ s(a, { children: [
-    t.length > 0 && /* @__PURE__ */ e(p, { className: o, children: t.map(({ type: n, id: i }) => /* @__PURE__ */ s(d, { children: [
-      /* @__PURE__ */ e("dt", { children: r("source_selector.selected_source", {
-        type: r(`source_selector.sources.${n}`)
-      }) }),
-      /* @__PURE__ */ e("dd", { children: i })
-    ] }, i)) }),
-    /* @__PURE__ */ e(
-      m,
-      {
-        isDisabled: t.length < 1,
-        onResetCallback: l
-      }
-    )
-  ] });
-};
-u.displayName = "Widgets.SelectionList";
-export {
-  u as default
-};