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

package/dist/widgets/OrbitalSim/Context/OrbitalSimContext.types.d.ts

@@ -17,8 +17,8 @@ export type OrbitalSimContextValues = {
     showTimeControls?: boolean;
     setOrbits: React.Dispatch<React.SetStateAction<Orbits>>;
     observations: Observation[];
-    setObservations: React.Dispatch<React.SetStateAction<Observation[]>>;
     updateActiveObservation: (activeId: string) => void;
+    selectedAnswer: string | null;
     swappableOrbits: boolean;
 };
 export type Observation = {

package/dist/widgets/OrbitalSim/Context/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),t=require("react"),b=t.createContext(null);function P(){const o=t.useContext(b);if(!o)throw new Error("OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component.");return o}function g({children:o,orbitData:u,showDetailsTable:v=!1,allowOrbitRotation:m=!1,showTimeControls:O=!1,selectedAnswer:i,updateSelectedAnswer:x,swappableOrbits:d=!1}){const[a,c]=t.useState({neos:null,activeNeo:null,observations:[],paused:!1,pov:null,defaultZoom:null,potentialOrbits:!1,noDetails:!1,detailsRows:null,refObjs:null,noControls:!1}),[e,n]=t.useState(()=>a.observations??[]);t.useEffect(()=>{c(u),n(u.observations)},[u]),t.useEffect(()=>{if(e&&e.length>0){let l=e.map(r=>({...r,isActive:r.label===i}));n(l)}},[i,e]);const S=l=>{if(e&&e.length>0){let r=e.map(s=>s.id==l?{...s,isActive:!0}:{...s,isActive:!1});n(r);const f=e.find(s=>s.id===l);x((f==null?void 0:f.label)||null)}},p=t.useMemo(()=>({orbits:a,showDetailsTable:v,allowOrbitRotation:m,showTimeControls:O,setOrbits:c,observations:e,setObservations:n,updateActiveObservation:S,selectedAnswer:i,swappableOrbits:d}),[a,v,m,O,c,e,n,S,i,d]);return C.jsx(b.Provider,{value:p,children:o})}exports.OrbitalSimContext=b;exports.OrbitalSimProvider=g;exports.useOrbitalSimContext=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),c=t.createContext(null);function g(){const s=t.useContext(c);if(!s)throw new Error("OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component.");return s}function j({children:s,orbitData:r,showDetailsTable:f=!1,allowOrbitRotation:b=!1,showTimeControls:v=!1,selectedAnswer:i,updateSelectedAnswer:x,swappableOrbits:m=!1}){const[l,u]=t.useState({neos:null,activeNeo:null,observations:[],paused:!1,pov:null,defaultZoom:null,potentialOrbits:!1,noDetails:!1,detailsRows:null,refObjs:null,noControls:!1}),[e,S]=t.useState(()=>l.observations??[]);t.useEffect(()=>{u(r),S(r.observations)},[r]);const d=t.useMemo(()=>e&&e.length>0?e.map(n=>({...n,isActive:n.label===i})):[],[i,e]),O=n=>{if(e&&e.length>0){let C=e.map(o=>o.id==n?{...o,isActive:!0}:{...o,isActive:!1});S(C);const a=e.find(o=>o.id===n);x((a==null?void 0:a.label)||null)}},p=t.useMemo(()=>({orbits:l,showDetailsTable:f,allowOrbitRotation:b,showTimeControls:v,setOrbits:u,observations:d,updateActiveObservation:O,selectedAnswer:i,swappableOrbits:m}),[l,f,b,v,u,d,O,i,m]);return P.jsx(c.Provider,{value:p,children:s})}exports.OrbitalSimContext=c;exports.OrbitalSimProvider=j;exports.useOrbitalSimContext=g;

package/dist/widgets/OrbitalSim/Context/index.js

@@ -1,26 +1,26 @@
 "use client";
 import { jsx as P } from "react/jsx-runtime";
-import { createContext as g, useState as p, useEffect as O, useMemo as h, useContext as j } from "react";
-const x = g(null);
-function M() {
-  const o = j(x);
+import { createContext as g, useState as p, useEffect as j, useMemo as x, useContext as A } from "react";
+const O = g(null);
+function N() {
+  const o = A(O);
   if (!o)
     throw new Error(
       "OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component."
     );
   return o;
 }
-function N({
+function W({
   children: o,
-  orbitData: r,
-  showDetailsTable: c = !1,
-  allowOrbitRotation: m = !1,
-  showTimeControls: v = !1,
+  orbitData: i,
+  showDetailsTable: a = !1,
+  allowOrbitRotation: f = !1,
+  showTimeControls: c = !1,
   selectedAnswer: s,
   updateSelectedAnswer: S,
-  swappableOrbits: b = !1
+  swappableOrbits: v = !1
 }) {
-  const [u, a] = p({
+  const [l, r] = p({
     neos: null,
     activeNeo: null,
     observations: [],
@@ -32,51 +32,47 @@ function N({
     detailsRows: null,
     refObjs: null,
     noControls: !1
-  }), [t, e] = p(
-    () => u.observations ?? []
+  }), [t, b] = p(
+    () => l.observations ?? []
   );
-  O(() => {
-    a(r), e(r.observations);
-  }, [r]), O(() => {
+  j(() => {
+    r(i), b(i.observations);
+  }, [i]);
+  const m = x(
+    () => t && t.length > 0 ? t.map((e) => ({ ...e, isActive: e.label === s })) : [],
+    [s, t]
+  ), d = (e) => {
     if (t && t.length > 0) {
-      let l = t.map((i) => ({ ...i, isActive: i.label === s }));
-      e(l);
+      let h = t.map((n) => n.id == e ? { ...n, isActive: !0 } : { ...n, isActive: !1 });
+      b(h);
+      const u = t.find((n) => n.id === e);
+      S((u == null ? void 0 : u.label) || null);
     }
-  }, [s, t]);
-  const d = (l) => {
-    if (t && t.length > 0) {
-      let i = t.map((n) => n.id == l ? { ...n, isActive: !0 } : { ...n, isActive: !1 });
-      e(i);
-      const f = t.find((n) => n.id === l);
-      S((f == null ? void 0 : f.label) || null);
-    }
-  }, C = h(() => ({
-    orbits: u,
-    showDetailsTable: c,
-    allowOrbitRotation: m,
-    showTimeControls: v,
-    setOrbits: a,
-    observations: t,
-    setObservations: e,
+  }, C = x(() => ({
+    orbits: l,
+    showDetailsTable: a,
+    allowOrbitRotation: f,
+    showTimeControls: c,
+    setOrbits: r,
+    observations: m,
     updateActiveObservation: d,
     selectedAnswer: s,
-    swappableOrbits: b
+    swappableOrbits: v
   }), [
-    u,
+    l,
+    a,
+    f,
     c,
+    r,
     m,
-    v,
-    a,
-    t,
-    e,
     d,
     s,
-    b
+    v
   ]);
-  return /* @__PURE__ */ P(x.Provider, { value: C, children: o });
+  return /* @__PURE__ */ P(O.Provider, { value: C, children: o });
 }
 export {
-  x as OrbitalSimContext,
-  N as OrbitalSimProvider,
-  M as useOrbitalSimContext
+  O as OrbitalSimContext,
+  W as OrbitalSimProvider,
+  N as useOrbitalSimContext
 };

package/dist/widgets/OrbitalSim/Orbitals/OrbitalDetails.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),c=require("@rubin-epo/epo-react-lib/Button"),u=require("../Context/index.cjs"),s=require("./styles.cjs"),d=require("../styles.cjs"),a=t=>t&&t.__esModule?t:{default:t},x=a(c);function h(){const{orbits:t}=u.useOrbitalSimContext(),{detailsRows:l}=t,[i,r]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(d.GlobalStyles,{}),e.jsx(s.ButtonWrapper,{styleAs:"secondary",isInactive:!l,onClick:()=>{r(!i)},children:i?"Hide Details":"Show Details"}),e.jsx(s.SlideoutWrapper,{slideFrom:"left",isOpen:i,children:e.jsxs(s.SlideoutPanel,{children:[e.jsx("h3",{children:"Orbital Details"}),l&&l.map(o=>e.jsxs(s.SlideoutRow,{children:[e.jsx(s.SlideoutColLeft,{children:e.jsx("p",{children:o.rowTitle})}),e.jsx(s.SlideoutColRight,{children:e.jsx("p",{children:o.rowContent})})]})),e.jsx(x.default,{isBlock:!0,onClick:()=>r(!i),children:"Close"})]})})]})}exports.default=h;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),c=require("@rubin-epo/epo-react-lib/Button"),u=require("../Context/index.cjs"),s=require("./styles.cjs"),d=require("../styles.cjs"),a=t=>t&&t.__esModule?t:{default:t},x=a(c);function h(){const{orbits:t}=u.useOrbitalSimContext(),{detailsRows:l}=t,[i,o]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(d.GlobalStyles,{}),e.jsx(s.ButtonWrapper,{styleAs:"secondary",isInactive:!l,onClick:()=>{o(!i)},children:i?"Hide Details":"Show Details"}),e.jsx(s.SlideoutWrapper,{slideFrom:"left",isOpen:i,children:e.jsxs(s.SlideoutPanel,{children:[e.jsx("h3",{children:"Orbital Details"}),l&&l.map(r=>e.jsxs(s.SlideoutRow,{children:[e.jsx(s.SlideoutColLeft,{children:e.jsx("p",{children:r.rowTitle})}),e.jsx(s.SlideoutColRight,{children:e.jsx("p",{children:r.rowContent})})]},r.rowTitle)),e.jsx(x.default,{isBlock:!0,onClick:()=>o(!i),children:"Close"})]})})]})}exports.default=h;

package/dist/widgets/OrbitalSim/Orbitals/OrbitalDetails.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, Fragment as s, jsx as t } from "react/jsx-runtime";
 import { useState as c } from "react";
 import a from "@rubin-epo/epo-react-lib/Button";
 import { useOrbitalSimContext as d } from "../Context/index.js";
 import { ButtonWrapper as m, SlideoutWrapper as p, SlideoutPanel as h, SlideoutRow as u, SlideoutColLeft as f, SlideoutColRight as S } from "./styles.js";
-import { GlobalStyles as C } from "../styles.js";
+import { GlobalStyles as w } from "../styles.js";
 function v() {
   const { orbits: n } = d(), {
     detailsRows: i
-  } = n, [t, l] = c(!1);
-  return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ e(C, {}),
-    /* @__PURE__ */ e(
+  } = n, [e, r] = c(!1);
+  return /* @__PURE__ */ l(s, { children: [
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ t(
       m,
       {
         styleAs: "secondary",
         isInactive: !i,
         onClick: () => {
-          l(!t);
+          r(!e);
         },
-        children: t ? "Hide Details" : "Show Details"
+        children: e ? "Hide Details" : "Show Details"
       }
     ),
-    /* @__PURE__ */ e(p, { slideFrom: "left", isOpen: t, children: /* @__PURE__ */ o(h, { children: [
-      /* @__PURE__ */ e("h3", { children: "Orbital Details" }),
-      i && i.map((r) => /* @__PURE__ */ o(u, { children: [
-        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e("p", { children: r.rowTitle }) }),
-        /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("p", { children: r.rowContent }) })
-      ] })),
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ t(p, { slideFrom: "left", isOpen: e, children: /* @__PURE__ */ l(h, { children: [
+      /* @__PURE__ */ t("h3", { children: "Orbital Details" }),
+      i && i.map((o) => /* @__PURE__ */ l(u, { children: [
+        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t("p", { children: o.rowTitle }) }),
+        /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t("p", { children: o.rowContent }) })
+      ] }, o.rowTitle)),
+      /* @__PURE__ */ t(
         a,
         {
           isBlock: !0,
-          onClick: () => l(!t),
+          onClick: () => r(!e),
           children: "Close"
         }
       )

package/dist/widgets/SortableTable/SortableTable.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),C=require("./styles.cjs"),r="asc",w="desc",j=({tableData:a})=>{const[i]=d.useState(a),o=a?Object.keys(i[0]):null,[s,f]=d.useState(o?o[0]:""),[c,S]=d.useState(r);function p(e){if(s===e){S(n=>n===r?w:r);return}f(e),S(r)}const m=d.useMemo(()=>{if(i)return[...i].sort((n,g)=>{const u=n[s],l=g[s];if(typeof u=="number"&&typeof l=="number")return c===r?u-l:l-u;const b=String(u).toLowerCase(),h=String(l).toLowerCase();return c===r?b.localeCompare(h):h.localeCompare(b)})},[i,s,c]);function x(e){return s!==e?"":c===r?"↑":"↓"}return t.jsx(t.Fragment,{children:a&&t.jsxs(C.Table,{children:[t.jsx("thead",{children:t.jsx("tr",{children:o&&o.map(e=>t.jsx("th",{scope:"col","aria-sort":s===e?c===r?"ascending":"descending":"none",children:t.jsxs("button",{type:"button",onClick:()=>p(e),children:[e," ",x(e)]})},e))})}),t.jsx("tbody",{children:m&&m.map(e=>t.jsx("tr",{children:o&&o.map(n=>t.jsx("td",{children:e[n]},n))}))})]})})};j.displayName="Widgets.SortableTable";exports.default=j;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),N=require("@rubin-epo/epo-react-lib/SortButton"),h=require("./styles.cjs"),q=r=>r&&r.__esModule?r:{default:r},p=q(N),o="asc",x="desc",y="none",b=({tableData:r})=>{const[u]=a.useState(r),s=r?Object.keys(u[0]):null,[n,g]=a.useState(s?s[0]:""),[i,S]=a.useState(o);function C(t){if(n===t){S(c=>c===o?x:o);return}g(t),S(o)}const f=a.useMemo(()=>{if(u)return[...u].sort((c,w)=>{const l=c[n],d=w[n];if(typeof l=="number"&&typeof d=="number")return i===o?l-d:d-l;const m=String(l).toLowerCase(),j=String(d).toLowerCase();return i===o?m.localeCompare(j):j.localeCompare(m)})},[u,n,i]);function _(t){return n!==t?e.jsx(p.default,{sortDirection:y}):e.jsx(p.default,{sortDirection:i===o?o:x})}return e.jsx(e.Fragment,{children:r&&e.jsxs(h.Table,{children:[e.jsx("thead",{children:e.jsx("tr",{children:s&&s.map(t=>e.jsx("th",{scope:"col","aria-sort":n===t?i===o?"ascending":"descending":"none",children:e.jsxs(h.HeaderButton,{type:"button",onClick:()=>C(t),children:[t,_(t)]})},t))})}),e.jsx("tbody",{children:f&&f.map(t=>e.jsx("tr",{children:s&&s.map(c=>e.jsx("td",{children:t[c]},c))}))})]})})};b.displayName="Widgets.SortableTable";exports.default=b;

package/dist/widgets/SortableTable/SortableTable.d.ts

@@ -13,7 +13,7 @@ type TableDataProps<T extends Record<string, string | number | null>> = {
  * @returns the sortable table
  */
 declare const SortableTable: {
-    <T extends Record<string, string | number | null>>({ tableData }: TableDataProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends Record<string, string | number | null>>({ tableData, }: TableDataProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SortableTable;

package/dist/widgets/SortableTable/SortableTable.js

@@ -1,41 +1,49 @@
 "use client";
-import { jsx as o, Fragment as j, jsxs as h } from "react/jsx-runtime";
-import { useState as u, useMemo as x } from "react";
-import { Table as N } from "./styles.js";
-const r = "asc", T = "desc", y = ({
+import { jsx as o, Fragment as x, jsxs as h } from "react/jsx-runtime";
+import { useState as u, useMemo as D } from "react";
+import b from "@rubin-epo/epo-react-lib/SortButton";
+import { Table as T, HeaderButton as y } from "./styles.js";
+const r = "asc", g = "desc", A = "none", B = ({
   tableData: a
 }) => {
-  const [i] = u(a), e = a ? Object.keys(i[0]) : null, [n, b] = u(e ? e[0] : ""), [c, m] = u(r);
-  function g(t) {
+  const [i] = u(a), e = a ? Object.keys(i[0]) : null, [n, C] = u(e ? e[0] : ""), [c, m] = u(r);
+  function w(t) {
     if (n === t) {
-      m((s) => s === r ? T : r);
+      m((s) => s === r ? g : r);
       return;
     }
-    b(t), m(r);
+    C(t), m(r);
   }
-  const p = x(() => {
+  const p = D(() => {
     if (i)
-      return [...i].sort((s, w) => {
-        const l = s[n], d = w[n];
-        if (typeof l == "number" && typeof d == "number")
-          return c === r ? l - d : d - l;
-        const f = String(l).toLowerCase(), S = String(d).toLowerCase();
+      return [...i].sort((s, j) => {
+        const d = s[n], l = j[n];
+        if (typeof d == "number" && typeof l == "number")
+          return c === r ? d - l : l - d;
+        const f = String(d).toLowerCase(), S = String(l).toLowerCase();
         return c === r ? f.localeCompare(S) : S.localeCompare(f);
       });
   }, [i, n, c]);
-  function C(t) {
-    return n !== t ? "" : c === r ? "↑" : "↓";
+  function N(t) {
+    return n !== t ? /* @__PURE__ */ o(b, { sortDirection: A }) : /* @__PURE__ */ o(b, { sortDirection: c === r ? r : g });
   }
-  return /* @__PURE__ */ o(j, { children: a && /* @__PURE__ */ h(N, { children: [
-    /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: e && e.map((t) => /* @__PURE__ */ o("th", { scope: "col", "aria-sort": n === t ? c === r ? "ascending" : "descending" : "none", children: /* @__PURE__ */ h("button", { type: "button", onClick: () => g(t), children: [
-      t,
-      " ",
-      C(t)
-    ] }) }, t)) }) }),
+  return /* @__PURE__ */ o(x, { children: a && /* @__PURE__ */ h(T, { children: [
+    /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: e && e.map((t) => /* @__PURE__ */ o(
+      "th",
+      {
+        scope: "col",
+        "aria-sort": n === t ? c === r ? "ascending" : "descending" : "none",
+        children: /* @__PURE__ */ h(y, { type: "button", onClick: () => w(t), children: [
+          t,
+          N(t)
+        ] })
+      },
+      t
+    )) }) }),
     /* @__PURE__ */ o("tbody", { children: p && p.map((t) => /* @__PURE__ */ o("tr", { children: e && e.map((s) => /* @__PURE__ */ o("td", { children: t[s] }, s)) })) })
   ] }) });
 };
-y.displayName = "Widgets.SortableTable";
+B.displayName = "Widgets.SortableTable";
 export {
-  y as default
+  B as default
 };

package/dist/widgets/SortableTable/styles.cjs

@@ -1,8 +1,17 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},d=l(t),o=d.default.table`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),d=e=>e&&e.__esModule?e:{default:e},t=d(o),l=t.default.table`
     border: 1px solid #000000;
+    font-size: medium;
     text-align: center;
     border-spacing: 0px;
     & > th, td, thead, thead > tr > th{
         border: 1px solid #000000;
     }
-`;exports.Table=o;
+
+    & > thead {
+        background-color: #009FA1;
+        font-size: large;
+    }
+`,a=t.default.button`
+    display: flex;
+    align-items: center;
+`;exports.HeaderButton=a;exports.Table=l;

package/dist/widgets/SortableTable/styles.d.ts

@@ -1 +1,2 @@
 export declare const Table: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const HeaderButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/widgets/SortableTable/styles.js

@@ -1,13 +1,23 @@
 "use client";
-import t from "styled-components";
-const r = t.table`
+import e from "styled-components";
+const o = e.table`
     border: 1px solid #000000;
+    font-size: medium;
     text-align: center;
     border-spacing: 0px;
     & > th, td, thead, thead > tr > th{
         border: 1px solid #000000;
     }
+
+    & > thead {
+        background-color: #009FA1;
+        font-size: large;
+    }
+`, r = e.button`
+    display: flex;
+    align-items: center;
 `;
 export {
-  r as Table
+  r as HeaderButton,
+  o as Table
 };

package/dist/widgets/SourceSelector/MovingSourceSelector.cjs

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

package/dist/widgets/SourceSelector/MovingSourceSelector.js

@@ -1,21 +1,21 @@
 "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 { jsxs as B, jsx as a, Fragment as J } from "react/jsx-runtime";
+import { useState as u } 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 u;
+  var d;
   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);
+  const r = (o == null ? void 0 : o.date) - ((d = e[0]) == null ? void 0 : d.date);
   return r ? {
     day: Math.round(r) || 0,
     hour: Math.round(24 / r % 24) || 0
@@ -26,17 +26,17 @@ const ne = (e, n) => {
   selectedSource: t = [],
   alerts: o = [],
   activeAlertIndex: r = 0,
-  alertChangeCallback: u,
+  alertChangeCallback: d,
   selectionCallback: M,
   blinkConfig: P,
-  isDisplayOnly: d = !1,
+  isDisplayOnly: c = !1,
   isLoading: w,
   className: F,
-  movingSources: c = []
+  movingSources: l = []
 }) => {
-  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 [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) => {
+    if (l)
+      for (let i of l) {
         const h = i.sources[f];
         if (se(
           s,
@@ -44,19 +44,19 @@ const ne = (e, n) => {
             x: L(h.x) * m,
             y: L(h.y) * g
           },
-          $(i.type, i.radius) * m
+          D(i.type, i.radius) * m
         ))
           return i.id;
       }
   }, _ = () => {
-    y(I("source_selector.messages.failure")), p(!0);
+    I(y("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")
+    I(
+      /* @__PURE__ */ B(J, { children: [
+        /* @__PURE__ */ a(Z, { icon: "checkmark" }),
+        y("source_selector.messages.success")
       ] })
     ), p(!0);
   }, A = ({
@@ -64,15 +64,15 @@ const ne = (e, n) => {
     clientY: m,
     target: g
   }) => {
-    if (!S || d) return;
+    if (!S || c) 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 },
+    const { left: q, top: G } = g.getBoundingClientRect(), C = W(
+      { x: s - q, y: k - m + G },
       h,
       k
     );
@@ -83,11 +83,11 @@ const ne = (e, n) => {
       _();
   }, E = () => {
     p(!1);
-  }, { day: H, hour: X } = ne(o, r), Y = re(o, r, d);
+  }, { day: H, hour: X } = ne(o, r), Y = re(o, r, c);
   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(
+    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,
       {
         onMessageChangeCallback: E,
@@ -95,22 +95,32 @@ const ne = (e, n) => {
         children: N
       }
     ),
-    c && /* @__PURE__ */ a(
+    l && /* @__PURE__ */ a(
       O,
       {
         images: Y,
         activeIndex: f,
-        blinkCallback: u,
+        blinkCallback: d,
         loadedCallback: () => V(!1),
         onClickCallback: A,
-        extraControls: o.length > 0 && !d && /* @__PURE__ */ a(oe, { day: H, hour: X }),
+        extraControls: o.length > 0 && !c && /* @__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 })
+        children: /* @__PURE__ */ a(
+          $,
+          {
+            width: e,
+            height: n,
+            isPlaying: b,
+            currentIndex: f,
+            movingSources: l,
+            selectedSource: t
+          }
+        )
       }
     ),
-    !S && /* @__PURE__ */ a(Q, {})
+    !S && /* @__PURE__ */ a(U, {})
   ] });
 };
 ie.displayName = "Widgets.MovingSourceSelector";

package/package.json

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