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

package/dist/mock-data/OrbitalSim/index.d.ts

@@ -12,7 +12,6 @@ export declare const SwappableOrbitsData: {
             objectColor: string;
             objectRadius: number;
         }[];
-        defaultZoom: number;
     };
     swappableOrbits: boolean;
 };
@@ -59,7 +58,6 @@ export declare const PrimaryData: {
     selectionCallback: () => void;
     paused: boolean;
     pov: string;
-    defaultZoom: number;
     potentialOrbits: null;
     observations: null;
     noDetails: boolean;
@@ -98,7 +96,6 @@ export declare const PotentialOrbitsData: {
         selectionCallback: () => void;
         paused: null;
         pov: null;
-        defaultZoom: number;
         potentialOrbits: boolean;
         observations: ({
             id: string;
@@ -127,8 +124,10 @@ export declare const PotentialOrbitsData: {
 export declare const ObjectDetailsData: {
     orbits: {
         neos: {
-            H: number;
+            Number: null;
+            Name: null;
             Principal_desig: string;
+            Epoch: string;
             M: number;
             Peri: number;
             Node: number;
@@ -136,16 +135,23 @@ export declare const ObjectDetailsData: {
             e: number;
             n: number;
             a: number;
+            Tp: number;
+            Orbital_period: number;
+            H: number;
+            G: number;
+            Perihelion_dist: number;
+            Aphelion_dist: number;
+            Orbit_type: number;
+            Arc_length: number;
             Ref: string;
-            Orbit_type: string;
-            diameter: number;
-            Earth_moid: number;
-            Jupiter_moid: number;
-        }[];
-        detailsRows: {
-            rowColor: string;
-            rowTitle: string;
-            rowContent: string;
+            "Earth MOID": number;
+            object_details: ({
+                rowTitle: string;
+                rowContent: string;
+            } | {
+                rowTitle: string;
+                rowContent: number;
+            })[];
         }[];
     };
     showTimeControls: boolean;
@@ -154,7 +160,6 @@ export declare const ObjectDetailsData: {
     selectionCallback: () => void;
     paused: null;
     pov: null;
-    defaultZoom: number;
     potentialOrbits: null;
     observations: null;
     detailsSet: string;

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

@@ -3,23 +3,27 @@ import { ReactNode } from 'react';
 export interface OrbitalSimProviderProps {
     children: ReactNode;
     orbitData: Orbits;
+    defaultZoom: number;
     showDetailsTable?: boolean;
     allowOrbitRotation?: boolean;
     showTimeControls?: boolean;
-    selectedAnswer: string | null;
-    updateSelectedAnswer: (newSelectedAnswer: string | null) => void;
+    selectedAnswer?: string | null;
+    updateSelectedAnswer?: (newSelectedAnswer: string | null) => void;
     swappableOrbits?: boolean;
+    selectedNeoIndex?: number;
 }
 export type OrbitalSimContextValues = {
     orbits: Orbits;
+    defaultZoom: number;
     showDetailsTable?: boolean;
     allowOrbitRotation?: boolean;
     showTimeControls?: boolean;
     setOrbits: React.Dispatch<React.SetStateAction<Orbits>>;
     observations: Observation[];
     updateActiveObservation: (activeId: string) => void;
-    selectedAnswer: string | null;
+    selectedAnswer?: string | null;
     swappableOrbits: boolean;
+    selectedNeoIndex?: number;
 };
 export type Observation = {
     id: string;
@@ -37,10 +41,11 @@ export type Neo = {
     Node: number;
     Ref: string;
     Principal_desig: string;
+    object_details?: DetailsRow[];
 };
 export type DetailsRow = {
     rowTitle: string;
-    rowContent: string | TrustedHTML;
+    rowContent: string | number | TrustedHTML;
 };
 export type Orbits = {
     neos: Neo[] | null;
@@ -48,10 +53,9 @@ export type Orbits = {
     observations: Observation[];
     paused: boolean;
     pov: string | null;
-    defaultZoom: number | null;
     potentialOrbits: boolean;
     noDetails: boolean;
-    detailsRows: DetailsRow[] | null;
     refObjs: string[] | null;
     noControls: boolean;
+    selectedNeoIndex?: number;
 };

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

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

package/dist/widgets/OrbitalSim/Context/index.d.ts

@@ -27,4 +27,4 @@ export declare function useOrbitalSimContext(): OrbitalSimContextValues;
  *
  * @returns
  */
-export declare function OrbitalSimProvider({ children, orbitData, showDetailsTable, allowOrbitRotation, showTimeControls, selectedAnswer, updateSelectedAnswer, swappableOrbits }: OrbitalSimProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrbitalSimProvider({ children, orbitData, defaultZoom, showDetailsTable, allowOrbitRotation, showTimeControls, selectedAnswer, updateSelectedAnswer, swappableOrbits, selectedNeoIndex }: OrbitalSimProviderProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/widgets/OrbitalSim/OrbitalSim.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),M=require("./Orbitals/OrbitalDetails.cjs"),V=require("./Camera/CameraController.cjs"),W=require("./Camera/Camera.cjs"),B=require("./Orbitals/Orbitals.cjs"),G=require("./Sun.cjs"),N=require("./Controls/PlaybackSpeed.cjs"),A=require("./Controls/PlaybackControls.cjs"),l=require("./styles.cjs"),H=require("./Context/index.cjs");function I(){const{orbits:i,showDetailsTable:q,allowOrbitRotation:v,showTimeControls:m,swappableOrbits:x}=H.useOrbitalSimContext(),{paused:h,pov:y,defaultZoom:c,potentialOrbits:w,detailsRows:P}=i,u={min:1157e-8,max:365.25,initial:11.574,step:1},[n,a]=s.useState(!h),[D,o]=s.useState(1),[R,j]=s.useState(0),[O,d]=s.useState(h?0:u.initial),[g,p]=s.useState(0),[r,b]=s.useState(0),[C,k]=s.useState(1),[f,T]=s.useState({neos:[{Principal_desig:""}]});s.useEffect(()=>{m||(a(!1),d(0)),r>0?(d(u.initial),o(1),p(0),b(-1)):r<0&&(p(0),a(!0),b(0))},[r]);const Z=t=>{d(+t)},_=()=>{n||o(1),a(!n)},F=()=>{a(t=>!1),b(t=>t+1)},z=t=>{a(!1),o(1),j(S=>S+1)},L=t=>{a(!1),o(-1),j(S=>S+1)},E=t=>{T({neos:[t]})};return e.jsxs(e.Fragment,{children:[e.jsx(l.GlobalStyles,{}),e.jsxs(l.OrbitalSimWrapper,{children:[x?e.jsx(l.SwappableOrbitsContainer,{children:i&&i.neos&&i.neos.map(t=>e.jsx(l.SwappableOrbitButton,{onClick:()=>E(t),"data-active":Object.keys(f).length?t.Principal_desig===f.neos[0].Principal_desig:!1,children:t.Ref}))}):e.jsxs(e.Fragment,{children:[P&&q&&e.jsx(M.default,{}),m&&e.jsxs(e.Fragment,{children:[e.jsx(N.default,{elapsedTime:g,dayPerVizSec:O,speeds:u,sliderOnChangeCallback:Z}),e.jsx(A.default,{playing:n,handleStartStop:_,handleNext:z,handlePrevious:L,isDisabled:!1,handleReset:F})]})]}),e.jsxs(l.CanvasWrapper,{orthographic:!0,children:[e.jsx(V.default,{pov:v?null:y??"top",reset:r}),e.jsx(W.default,{near:-1e3,far:1e3,position:[0,0,10],defaultZoom:c||3}),e.jsx("ambientLight",{intensity:.9}),e.jsx(B.default,{defaultZoom:c||1,playing:n,stepDirection:D,dayPerVizSec:O,frameOverride:R,potentialOrbits:w,elapsedTime:g,setElapsedTime:p,reset:r,zoomLevel:C,setZoomLevel:k,orbits:x?f:i}),e.jsx(G.default,{zoomLevel:C,defaultZoom:c||1})]})]})]})}exports.default=I;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),M=require("./Orbitals/OrbitalDetails.cjs"),N=require("./Camera/CameraController.cjs"),V=require("./Camera/Camera.cjs"),W=require("./Orbitals/Orbitals.cjs"),B=require("./Sun.cjs"),G=require("./Controls/PlaybackSpeed.cjs"),I=require("./Controls/PlaybackControls.cjs"),n=require("./styles.cjs"),A=require("./Context/index.cjs");function H(){const{orbits:i,defaultZoom:l,showDetailsTable:q,allowOrbitRotation:v,showTimeControls:m,swappableOrbits:x,selectedNeoIndex:y}=A.useOrbitalSimContext(),{paused:h,pov:P,potentialOrbits:w}=i,u={min:1157e-8,max:365.25,initial:11.574,step:1},[o,a]=s.useState(!h),[D,c]=s.useState(1),[k,j]=s.useState(0),[O,d]=s.useState(h?0:u.initial),[g,p]=s.useState(0),[r,b]=s.useState(0),[C,R]=s.useState(l),[f,T]=s.useState({neos:[{Principal_desig:""}]});s.useEffect(()=>{m||(a(!1),d(0)),r>0?(d(u.initial),c(1),p(0),b(-1)):r<0&&(p(0),a(!0),b(0))},[r]);const Z=t=>{d(+t)},_=()=>{o||c(1),a(!o)},F=()=>{a(t=>!1),b(t=>t+1)},z=t=>{a(!1),c(1),j(S=>S+1)},L=t=>{a(!1),c(-1),j(S=>S+1)},E=t=>{T({neos:[t]})};return e.jsxs(e.Fragment,{children:[e.jsx(n.GlobalStyles,{}),e.jsxs(n.OrbitalSimWrapper,{children:[x?e.jsx(n.SwappableOrbitsContainer,{children:i&&i.neos&&i.neos.map(t=>e.jsx(n.SwappableOrbitButton,{onClick:()=>E(t),"data-active":Object.keys(f).length?t.Principal_desig===f.neos[0].Principal_desig:!1,children:t.Ref}))}):e.jsxs(e.Fragment,{children:[q&&e.jsx(M.default,{}),m&&e.jsxs(e.Fragment,{children:[e.jsx(G.default,{elapsedTime:g,dayPerVizSec:O,speeds:u,sliderOnChangeCallback:Z}),e.jsx(I.default,{playing:o,handleStartStop:_,handleNext:z,handlePrevious:L,isDisabled:!1,handleReset:F})]})]}),e.jsxs(n.CanvasWrapper,{orthographic:!0,children:[e.jsx(N.default,{pov:v?null:P??"top",reset:r}),e.jsx(V.default,{near:-1e3,far:1e3,position:[0,0,10],defaultZoom:l||3}),e.jsx("ambientLight",{intensity:.9}),e.jsx(W.default,{defaultZoom:l||1,playing:o,stepDirection:D,dayPerVizSec:O,frameOverride:k,potentialOrbits:w,elapsedTime:g,setElapsedTime:p,reset:r,zoomLevel:C,setZoomLevel:R,selectedNeoIndex:y,orbits:x?f:i}),e.jsx(B.default,{zoomLevel:C,defaultZoom:l||1})]})]})]})}exports.default=H;

package/dist/widgets/OrbitalSim/OrbitalSim.js

@@ -1,37 +1,35 @@
 "use client";
 import { jsxs as s, Fragment as h, jsx as t } from "react/jsx-runtime";
-import { useState as i, useEffect as B } from "react";
-import G from "./Orbitals/OrbitalDetails.js";
-import N from "./Camera/CameraController.js";
-import q from "./Camera/Camera.js";
-import A from "./Orbitals/Orbitals.js";
-import H from "./Sun.js";
-import I from "./Controls/PlaybackSpeed.js";
+import { useState as i, useEffect as W } from "react";
+import B from "./Orbitals/OrbitalDetails.js";
+import G from "./Camera/CameraController.js";
+import I from "./Camera/Camera.js";
+import q from "./Orbitals/Orbitals.js";
+import A from "./Sun.js";
+import H from "./Controls/PlaybackSpeed.js";
 import J from "./Controls/PlaybackControls.js";
 import { GlobalStyles as K, OrbitalSimWrapper as M, SwappableOrbitsContainer as Q, SwappableOrbitButton as U, CanvasWrapper as X } from "./styles.js";
 import { useOrbitalSimContext as Y } from "./Context/index.js";
 function me() {
-  const { orbits: o, showDetailsTable: P, allowOrbitRotation: D, showTimeControls: S, swappableOrbits: O } = Y(), {
+  const { orbits: o, defaultZoom: l, showDetailsTable: P, allowOrbitRotation: x, showTimeControls: S, swappableOrbits: O, selectedNeoIndex: D } = Y(), {
     paused: C,
-    pov: x,
-    defaultZoom: p,
-    potentialOrbits: k,
-    detailsRows: R
-  } = o, c = { min: 1157e-8, max: 365.25, initial: 11.574, step: 1 }, [l, a] = i(!C), [Z, n] = i(1), [T, g] = i(0), [w, m] = i(C ? 0 : c.initial), [v, d] = i(0), [r, f] = i(0), [y, j] = i(1), [b, z] = i({ neos: [{ Principal_desig: "" }] });
-  B(() => {
-    S || (a(!1), m(0)), r > 0 ? (m(c.initial), n(1), d(0), f(-1)) : r < 0 && (d(0), a(!0), f(0));
+    pov: k,
+    potentialOrbits: Z
+  } = o, c = { min: 1157e-8, max: 365.25, initial: 11.574, step: 1 }, [n, a] = i(!C), [R, p] = i(1), [T, g] = i(0), [v, m] = i(C ? 0 : c.initial), [w, d] = i(0), [r, f] = i(0), [y, j] = i(l), [b, z] = i({ neos: [{ Principal_desig: "" }] });
+  W(() => {
+    S || (a(!1), m(0)), r > 0 ? (m(c.initial), p(1), d(0), f(-1)) : r < 0 && (d(0), a(!0), f(0));
   }, [r]);
   const L = (e) => {
     m(+e);
   }, _ = () => {
-    l || n(1), a(!l);
+    n || p(1), a(!n);
   }, E = () => {
     a((e) => !1), f((e) => e + 1);
   }, F = (e) => {
-    a(!1), n(1), g((u) => u + 1);
+    a(!1), p(1), g((u) => u + 1);
+  }, N = (e) => {
+    a(!1), p(-1), g((u) => u + 1);
   }, V = (e) => {
-    a(!1), n(-1), g((u) => u + 1);
-  }, W = (e) => {
     z({
       neos: [e]
     });
@@ -42,18 +40,18 @@ function me() {
       O ? /* @__PURE__ */ t(Q, { children: o && o.neos && o.neos.map((e) => /* @__PURE__ */ t(
         U,
         {
-          onClick: () => W(e),
+          onClick: () => V(e),
           "data-active": Object.keys(b).length ? e.Principal_desig === b.neos[0].Principal_desig : !1,
           children: e.Ref
         }
       )) }) : /* @__PURE__ */ s(h, { children: [
-        R && P && /* @__PURE__ */ t(G, {}),
+        P && /* @__PURE__ */ t(B, {}),
         S && /* @__PURE__ */ s(h, { children: [
           /* @__PURE__ */ t(
-            I,
+            H,
             {
-              elapsedTime: v,
-              dayPerVizSec: w,
+              elapsedTime: w,
+              dayPerVizSec: v,
               speeds: c,
               sliderOnChangeCallback: L
             }
@@ -61,10 +59,10 @@ function me() {
           /* @__PURE__ */ t(
             J,
             {
-              playing: l,
+              playing: n,
               handleStartStop: _,
               handleNext: F,
-              handlePrevious: V,
+              handlePrevious: N,
               isDisabled: !1,
               handleReset: E
             }
@@ -72,39 +70,40 @@ function me() {
         ] })
       ] }),
       /* @__PURE__ */ s(X, { orthographic: !0, children: [
-        /* @__PURE__ */ t(N, { pov: D ? null : x ?? "top", reset: r }),
+        /* @__PURE__ */ t(G, { pov: x ? null : k ?? "top", reset: r }),
         /* @__PURE__ */ t(
-          q,
+          I,
           {
             near: -1e3,
             far: 1e3,
             position: [0, 0, 10],
-            defaultZoom: p || 3
+            defaultZoom: l || 3
           }
         ),
         /* @__PURE__ */ t("ambientLight", { intensity: 0.9 }),
         /* @__PURE__ */ t(
-          A,
+          q,
           {
-            defaultZoom: p || 1,
-            playing: l,
-            stepDirection: Z,
-            dayPerVizSec: w,
+            defaultZoom: l || 1,
+            playing: n,
+            stepDirection: R,
+            dayPerVizSec: v,
             frameOverride: T,
-            potentialOrbits: k,
-            elapsedTime: v,
+            potentialOrbits: Z,
+            elapsedTime: w,
             setElapsedTime: d,
             reset: r,
             zoomLevel: y,
             setZoomLevel: j,
+            selectedNeoIndex: D,
             orbits: O ? b : o
           }
         ),
         /* @__PURE__ */ t(
-          H,
+          A,
           {
             zoomLevel: y,
-            defaultZoom: p || 1
+            defaultZoom: l || 1
           }
         )
       ] })

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

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

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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),O=require("react"),e=require("../../../node_modules/prop-types/index.cjs"),R=require("@react-three/fiber"),x=require("./Orbital.cjs"),F=require("./PotentialOrbits.cjs"),v=require("../orbitalUtilities.cjs");function h({playing:s,dayPerVizSec:i,stepDirection:u,frameOverride:a,defaultZoom:b,potentialOrbits:C,elapsedTime:m,setElapsedTime:p,reset:j,zoomLevel:l,setZoomLevel:M,orbits:$}){const{neos:n,refObjs:I,activeNeo:P}=$;function _(r){const{remainingInits:t}=r;return{remainingInits:t-1}}const{camera:g}=R.useThree(),[k,q]=O.useReducer(_,{remainingInits:n&&Array.isArray(n)?n.length:0});function T(){return(I||["earth","jupiter","mars","neptune"]).map(v.getRefObjProps).map(t=>{const{orbitColor:c,objectColor:f,objectRadius:d,Ref:y,Principal_desig:z,name:A}=t;return o.jsx(x.default,{type:"planet",data:t,position:[0,0,0],zoomMod:l,defaultZoom:b,playing:s,stepDirection:u,dayPerVizSec:i,frameOverride:a,orbitColor:c,objectColor:f,objectRadius:d,reset:j},`${y}-${z||A}`)})}return R.useFrame((r,t)=>{g.zoom!==l&&M(g.zoom),s&&p(m+u*t*i)}),O.useEffect(()=>{a&&p(m+u*(1/60)*i)},[a]),o.jsxs(o.Fragment,{children:[T(),C?o.jsx(F.default,{data:n,position:[0,0,0],initialized:!0,zoomMod:l,defaultZoom:b,playing:s,stepDirection:u,dayPerVizSec:i,frameOverride:a,initCallback:q}):n?n.map((r,t)=>{const{Ref:c,Principal_desig:f,name:d}=r;return o.jsx(x.default,{type:"neo",data:r,position:[0,0,0],active:r===P,initialized:k.remainingInits<=0,zoomMod:l,defaultZoom:b,playing:s,stepDirection:u,dayPerVizSec:i,frameOverride:a,reset:j,initCallback:q},c&&(f||d)?`${c}-${f||d}`:`orbit-${t}`)}):null]})}h.propTypes={playing:e.default.bool,dayPerVizSec:e.default.number,stepDirection:e.default.number,frameOverride:e.default.number,activeVelocityCallback:e.default.func,defaultZoom:e.default.number,zoomLevel:e.default.number,setZoomLevel:e.default.func,potentialOrbits:e.default.bool,elapsedTime:e.default.number,setElapsedTime:e.default.func,reset:e.default.number};exports.default=h;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),h=require("react"),e=require("../../../node_modules/prop-types/index.cjs"),x=require("@react-three/fiber"),C=require("./Orbital.cjs"),v=require("./PotentialOrbits.cjs"),E=require("../orbitalUtilities.cjs");function M({playing:s,dayPerVizSec:i,stepDirection:n,frameOverride:u,defaultZoom:d,potentialOrbits:$,elapsedTime:p,setElapsedTime:j,reset:g,zoomLevel:l,setZoomLevel:I,selectedNeoIndex:q,orbits:P}){const{neos:m,refObjs:_,activeNeo:k}=P,a=Number.isInteger(q)?[m[q]]:m;function T(r){const{remainingInits:t}=r;return{remainingInits:t-1}}const{camera:O}=x.useThree(),[y,R]=h.useReducer(T,{remainingInits:a&&Array.isArray(a)?a.length:0});function z(){return(_||["earth","jupiter","mars","neptune"]).map(E.getRefObjProps).map(t=>{const{orbitColor:f,objectColor:c,objectRadius:b,Ref:A,Principal_desig:F,name:N}=t;return o.jsx(C.default,{type:"planet",data:t,position:[0,0,0],zoomMod:l,defaultZoom:d,playing:s,stepDirection:n,dayPerVizSec:i,frameOverride:u,orbitColor:f,objectColor:c,objectRadius:b,reset:g},`${A}-${F||N}`)})}return x.useFrame((r,t)=>{O.zoom!==l&&I(O.zoom),s&&j(p+n*t*i)}),h.useEffect(()=>{u&&j(p+n*(1/60)*i)},[u]),o.jsxs(o.Fragment,{children:[z(),$?o.jsx(v.default,{data:m,position:[0,0,0],initialized:!0,zoomMod:l,defaultZoom:d,playing:s,stepDirection:n,dayPerVizSec:i,frameOverride:u,initCallback:R}):a?a.map((r,t)=>{const{Ref:f,Principal_desig:c,name:b}=r;return o.jsx(C.default,{type:"neo",data:r,position:[0,0,0],active:r===k,initialized:y.remainingInits<=0,zoomMod:l,defaultZoom:d,playing:s,stepDirection:n,dayPerVizSec:i,frameOverride:u,reset:g,initCallback:R},f&&(c||b)?`${f}-${c||b}`:`orbit-${t}`)}):null]})}M.propTypes={playing:e.default.bool,dayPerVizSec:e.default.number,stepDirection:e.default.number,frameOverride:e.default.number,activeVelocityCallback:e.default.func,defaultZoom:e.default.number,zoomLevel:e.default.number,setZoomLevel:e.default.func,potentialOrbits:e.default.bool,elapsedTime:e.default.number,setElapsedTime:e.default.func,reset:e.default.number};exports.default=M;

package/dist/widgets/OrbitalSim/Orbitals/Orbitals.d.ts

@@ -1,5 +1,5 @@
 export default Orbitals;
-declare function Orbitals({ playing, dayPerVizSec, stepDirection, frameOverride, defaultZoom, potentialOrbits, elapsedTime, setElapsedTime, reset, zoomLevel, setZoomLevel, orbits }: {
+declare function Orbitals({ playing, dayPerVizSec, stepDirection, frameOverride, defaultZoom, potentialOrbits, elapsedTime, setElapsedTime, reset, zoomLevel, setZoomLevel, selectedNeoIndex, orbits }: {
     playing: any;
     dayPerVizSec: any;
     stepDirection: any;
@@ -11,6 +11,7 @@ declare function Orbitals({ playing, dayPerVizSec, stepDirection, frameOverride,
     reset: any;
     zoomLevel: any;
     setZoomLevel: any;
+    selectedNeoIndex: any;
     orbits: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Orbitals {

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

@@ -1,113 +1,114 @@
 "use client";
-import { jsxs as A, Fragment as F, jsx as f } from "react/jsx-runtime";
-import { useReducer as _, useEffect as E } from "react";
+import { jsxs as N, Fragment as _, jsx as l } from "react/jsx-runtime";
+import { useReducer as E, useEffect as q } from "react";
 import t from "../../../node_modules/prop-types/index.js";
-import { useThree as N, useFrame as q } from "@react-three/fiber";
-import R from "./Orbital.js";
-import w from "./PotentialOrbits.js";
-import { getRefObjProps as B } from "../orbitalUtilities.js";
-function G({
+import { useThree as w, useFrame as B } from "@react-three/fiber";
+import C from "./Orbital.js";
+import G from "./PotentialOrbits.js";
+import { getRefObjProps as H } from "../orbitalUtilities.js";
+function J({
   playing: a,
-  dayPerVizSec: n,
+  dayPerVizSec: e,
   stepDirection: i,
-  frameOverride: s,
-  defaultZoom: c,
-  potentialOrbits: h,
-  elapsedTime: l,
-  setElapsedTime: d,
-  reset: j,
+  frameOverride: n,
+  defaultZoom: f,
+  potentialOrbits: $,
+  elapsedTime: d,
+  setElapsedTime: j,
+  reset: g,
   zoomLevel: m,
-  setZoomLevel: C,
-  orbits: $
+  setZoomLevel: I,
+  selectedNeoIndex: O,
+  orbits: P
 }) {
   const {
-    neos: e,
-    refObjs: I,
-    activeNeo: P
-  } = $;
-  function k(o) {
+    neos: c,
+    refObjs: k,
+    activeNeo: M
+  } = P, s = Number.isInteger(O) ? [c[O]] : c;
+  function T(o) {
     const { remainingInits: r } = o;
     return { remainingInits: r - 1 };
   }
-  const { camera: g } = N(), [x, O] = _(k, {
-    remainingInits: e && Array.isArray(e) ? e.length : 0
+  const { camera: R } = w(), [x, h] = E(T, {
+    remainingInits: s && Array.isArray(s) ? s.length : 0
   });
-  function M() {
-    return (I || ["earth", "jupiter", "mars", "neptune"]).map(B).map((r) => {
+  function y() {
+    return (k || ["earth", "jupiter", "mars", "neptune"]).map(H).map((r) => {
       const {
         orbitColor: u,
         objectColor: p,
         objectRadius: b,
-        Ref: T,
-        Principal_desig: y,
-        name: z
+        Ref: z,
+        Principal_desig: A,
+        name: F
       } = r;
-      return /* @__PURE__ */ f(
-        R,
+      return /* @__PURE__ */ l(
+        C,
         {
           type: "planet",
           data: r,
           position: [0, 0, 0],
           zoomMod: m,
-          defaultZoom: c,
+          defaultZoom: f,
           playing: a,
           stepDirection: i,
-          dayPerVizSec: n,
-          frameOverride: s,
+          dayPerVizSec: e,
+          frameOverride: n,
           orbitColor: u,
           objectColor: p,
           objectRadius: b,
-          reset: j
+          reset: g
         },
-        `${T}-${y || z}`
+        `${z}-${A || F}`
       );
     });
   }
-  return q((o, r) => {
-    g.zoom !== m && C(g.zoom), a && d(l + i * r * n);
-  }), E(() => {
-    s && d(l + i * (1 / 60) * n);
-  }, [s]), /* @__PURE__ */ A(F, { children: [
-    M(),
-    h ? /* @__PURE__ */ f(
-      w,
+  return B((o, r) => {
+    R.zoom !== m && I(R.zoom), a && j(d + i * r * e);
+  }), q(() => {
+    n && j(d + i * (1 / 60) * e);
+  }, [n]), /* @__PURE__ */ N(_, { children: [
+    y(),
+    $ ? /* @__PURE__ */ l(
+      G,
       {
-        data: e,
+        data: c,
         position: [0, 0, 0],
         initialized: !0,
         zoomMod: m,
-        defaultZoom: c,
+        defaultZoom: f,
         playing: a,
         stepDirection: i,
-        dayPerVizSec: n,
-        frameOverride: s,
-        initCallback: O
+        dayPerVizSec: e,
+        frameOverride: n,
+        initCallback: h
       }
-    ) : e ? e.map((o, r) => {
+    ) : s ? s.map((o, r) => {
       const { Ref: u, Principal_desig: p, name: b } = o;
-      return /* @__PURE__ */ f(
-        R,
+      return /* @__PURE__ */ l(
+        C,
         {
           type: "neo",
           data: o,
           position: [0, 0, 0],
-          active: o === P,
+          active: o === M,
           initialized: x.remainingInits <= 0,
           zoomMod: m,
-          defaultZoom: c,
+          defaultZoom: f,
           playing: a,
           stepDirection: i,
-          dayPerVizSec: n,
-          frameOverride: s,
-          reset: j,
-          initCallback: O
+          dayPerVizSec: e,
+          frameOverride: n,
+          reset: g,
+          initCallback: h
         },
         u && (p || b) ? `${u}-${p || b}` : `orbit-${r}`
       );
     }) : null
   ] });
 }
-G.propTypes = {
+J.propTypes = {
   playing: t.bool,
   dayPerVizSec: t.number,
   stepDirection: t.number,
@@ -122,5 +123,5 @@ G.propTypes = {
   reset: t.number
 };
 export {
-  G as default
+  J as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "2.0.13",
+  "version": "2.2.0",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -28,7 +28,7 @@
     "test": "jest --max-workers=2",
     "test:generate-output": "yarn test --json --outputFile=.jest-test-results.json || true",
     "prepublishOnly": "yarn build",
-    "release-old": "semantic-release -e semantic-release-monorepo --debug"
+    "release": "semantic-release -e semantic-release-monorepo --debug"
   },
   "files": [
     "README.md",
@@ -69,7 +69,7 @@
     "@types/d3-array": "^3.2.1",
     "@types/d3-geo": "^3.1.0",
     "@types/react": "19.2.3",
-    "@types/react-dom": "19.2.3`",
+    "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^4",
     "babel-loader": "^8.3.0",
     "eslint-plugin-storybook": "^0.11.4",