@rubin-epo/epo-widget-lib 2.0.2 → 2.0.4

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -103,6 +103,7 @@
     "@react-three/drei": "^10.7.6",
     "@react-three/fiber": "9",
     "@rubin-epo/epo-react-lib": "3.0.0",
+    "@rubin-epo/epo-widget-lib": "2.0.2",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
     "d3-geo": "^3.1.1",

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
-};