@rubin-epo/epo-widget-lib 2.0.10 → 2.0.13

package/dist/widgets/SourceSelector/MovingSourceSelector.js

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

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.10",
+  "version": "2.0.13",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -102,8 +102,7 @@
   "dependencies": {
     "@react-three/drei": "^10.7.6",
     "@react-three/fiber": "9",
-    "@rubin-epo/epo-react-lib": "3.0.2",
-    "@rubin-epo/epo-widget-lib": "2.0.2",
+    "@rubin-epo/epo-react-lib": "3.0.3",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
     "d3-geo": "^3.1.1",