@rubin-epo/epo-widget-lib 2.0.11 → 2.1.0

package/dist/charts/Readout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),o=require("./styles.cjs"),d=require("../ForeignObject/index.cjs"),y=require("../Viewport/index.cjs"),j=(n="")=>{const r=["top","right"],a=["center","center"],s=n?[...n.split(" "),...a].slice(0,2):r,e={justifyContent:null,alignItems:null};return s.forEach(i=>{switch(i){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},c=({className:n,children:r,position:a,viewport:s,forIds:e,forScreenreaders:i})=>{const l=t.jsx(d.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:n,children:[t.jsx("span",{"aria-hidden":!!i,children:r}),t.jsx(u.ScreenreaderText,{children:i})]})})});return s?t.jsx(y.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("@rubin-epo/epo-react-lib/styles");require("../Base/index.cjs");require("../XAxis/index.cjs");require("../YAxis/index.cjs");require("../Guidelines/index.cjs");require("../Tooltip/index.cjs");require("../Bars/index.cjs");const d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs");require("../ScatterPlot/index.cjs");const o=require("./styles.cjs"),j=(r="")=>{const i=["top","right"],a=["center","center"],n=r?[...r.split(" "),...a].slice(0,2):i,e={justifyContent:null,alignItems:null};return n.forEach(s=>{switch(s){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},u=({className:r,children:i,position:a,viewport:n,forIds:e,forScreenreaders:s})=>{const l=t.jsx(y.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:r,children:[t.jsx("span",{"aria-hidden":!!s,children:i}),t.jsx(c.ScreenreaderText,{children:s})]})})});return n?t.jsx(d.default,{...n,children:l}):l};u.displayName="Charts.Readout";exports.default=u;

package/dist/charts/Readout/index.js

@@ -1,15 +1,22 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ScreenreaderText as c } from "@rubin-epo/epo-react-lib/styles";
-import { DisplayContainer as m, Display as f } from "./styles.js";
-import u from "../ForeignObject/index.js";
-import d from "../Viewport/index.js";
-const p = (n = "") => {
-  const s = ["top", "right"], o = ["center", "center"], i = n ? [...n.split(" "), ...o].slice(0, 2) : s, t = {
+import "../Base/index.js";
+import "../XAxis/index.js";
+import "../YAxis/index.js";
+import "../Guidelines/index.js";
+import "../Tooltip/index.js";
+import "../Bars/index.js";
+import m from "../Viewport/index.js";
+import p from "../ForeignObject/index.js";
+import "../ScatterPlot/index.js";
+import { DisplayContainer as f, Display as u } from "./styles.js";
+const d = (i = "") => {
+  const o = ["top", "right"], s = ["center", "center"], r = i ? [...i.split(" "), ...s].slice(0, 2) : o, t = {
     justifyContent: null,
     alignItems: null
   };
-  return i.forEach((r) => {
-    switch (r) {
+  return r.forEach((n) => {
+    switch (n) {
       case "center":
         t.alignItems = t.alignItems ?? "center", t.justifyContent = t.justifyContent ?? "center";
         break;
@@ -28,25 +35,25 @@ const p = (n = "") => {
     }
   }), t;
 }, y = ({
-  className: n,
-  children: s,
-  position: o,
-  viewport: i,
+  className: i,
+  children: o,
+  position: s,
+  viewport: r,
   forIds: t,
-  forScreenreaders: r
+  forScreenreaders: n
 }) => {
-  const a = /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(m, { style: p(o), children: /* @__PURE__ */ l(
-    f,
+  const a = /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { style: d(s), children: /* @__PURE__ */ l(
+    u,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
-      className: n,
+      className: i,
       children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: s }),
-        /* @__PURE__ */ e(c, { children: r })
+        /* @__PURE__ */ e("span", { "aria-hidden": !!n, children: o }),
+        /* @__PURE__ */ e(c, { children: n })
       ]
     }
   ) }) });
-  return i ? /* @__PURE__ */ e(d, { ...i, children: a }) : a;
+  return r ? /* @__PURE__ */ e(m, { ...r, children: a }) : a;
 };
 y.displayName = "Charts.Readout";
 export {

package/dist/charts/ScatterPlot/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),J=require("react"),$=require("../hooks/useAxis.cjs"),K=require("./styles.cjs"),R=require("../defaults.cjs"),Q=require("../canvas/Points/index.cjs"),U=require("../YAxis/index.cjs"),V=require("../ClippingContainer/index.cjs"),H=require("../Guidelines/index.cjs"),X=require("../XAxis/index.cjs"),Y=require("../Tooltip/index.cjs"),Z=require("../Points/index.cjs"),w={svg:Z.default,canvas:Q.default},M=({data:C,className:D,xAxis:l,yAxis:c,width:d,height:u,title:T,activePointId:p,margins:z,tooltip:a,onLoadedCallback:B,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=C,o={...R.default.margins,...z},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===p),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=$.default({...l,range:f}),[i,m,s]=$.default({...c,range:b}),S=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],P=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:B}),G={Data:P,xScale:t,yScale:s,yStart:S,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(K.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(U.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(V.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx(H.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx(H.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(X.default,{ticks:j,y:S,labelledById:k,xDomain:r,xScale:t}),a&&n.jsxs(Y.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:R.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";exports.default=M;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),J=require("react");require("../Base/index.cjs");const K=require("../XAxis/index.cjs"),Q=require("../YAxis/index.cjs"),$=require("../Guidelines/index.cjs"),U=require("../Points/index.cjs"),V=require("../Tooltip/index.cjs"),X=require("../ClippingContainer/index.cjs");require("../Bars/index.cjs");require("../Viewport/index.cjs");const R=require("../hooks/useAxis.cjs"),Y=require("./styles.cjs"),H=require("../defaults.cjs"),Z=require("../canvas/Points/index.cjs"),w={svg:U.default,canvas:Z.default},M=({data:C,className:D,xAxis:l,yAxis:c,width:d,height:u,title:T,activePointId:p,margins:z,tooltip:a,onLoadedCallback:B,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=C,o={...H.default.margins,...z},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===p),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=R.default({...l,range:f}),[i,m,s]=R.default({...c,range:b}),S=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],P=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:B}),G={Data:P,xScale:t,yScale:s,yStart:S,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(Y.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(Q.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(X.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx($.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx($.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(K.default,{ticks:j,y:S,labelledById:k,xDomain:r,xScale:t}),a&&n.jsxs(V.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:H.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";exports.default=M;

package/dist/charts/ScatterPlot/index.js

@@ -1,19 +1,22 @@
 "use client";
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { useState as F } from "react";
-import R from "../hooks/useAxis.js";
-import { Chart as J } from "./styles.js";
-import D from "../defaults.js";
-import K from "../canvas/Points/index.js";
-import Q from "../YAxis/index.js";
-import U from "../ClippingContainer/index.js";
-import T from "../Guidelines/index.js";
-import V from "../XAxis/index.js";
-import Z from "../Tooltip/index.js";
-import _ from "../Points/index.js";
+import "../Base/index.js";
+import J from "../XAxis/index.js";
+import K from "../YAxis/index.js";
+import R from "../Guidelines/index.js";
+import Q from "../Points/index.js";
+import U from "../Tooltip/index.js";
+import V from "../ClippingContainer/index.js";
+import "../Bars/index.js";
+import "../Viewport/index.js";
+import D from "../hooks/useAxis.js";
+import { Chart as Z } from "./styles.js";
+import T from "../defaults.js";
+import _ from "../canvas/Points/index.js";
 const $ = {
-  svg: _,
-  canvas: K
+  svg: Q,
+  canvas: _
 }, w = ({
   data: j,
   className: z,
@@ -29,32 +32,32 @@ const $ = {
   renderer: G = "svg",
   plotChildren: x
 }) => {
-  const [y, h] = F(), { label: N, points: f } = j, r = { ...D.margins, ...M }, t = typeof y < "u" ? f[y] : f.find(({ id: p }) => p === E), b = [0 + r.left, d - r.right], g = [m - r.bottom, 0 + r.top], [s, I, e] = R({ ...l, range: b }), [a, P, o] = R({ ...c, range: g }), S = o(a[0]), v = e(s[0]), k = o(a[1]), O = e(s[1]), C = "x-axis-label", L = "y-axis-label", W = Math.abs(b[1] - b[0]), X = Math.abs(g[1] - g[0]), Y = $[G], H = /* @__PURE__ */ i(
+  const [y, h] = F(), { label: N, points: f } = j, a = { ...T.margins, ...M }, t = typeof y < "u" ? f[y] : f.find(({ id: v }) => v === E), p = [0 + a.left, d - a.right], b = [m - a.bottom, 0 + a.top], [i, I, o] = D({ ...l, range: p }), [r, P, e] = D({ ...c, range: b }), S = e(r[0]), g = o(i[0]), k = e(r[1]), O = o(i[1]), C = "x-axis-label", L = "y-axis-label", W = Math.abs(p[1] - p[0]), X = Math.abs(b[1] - b[0]), Y = $[G], H = /* @__PURE__ */ s(
     Y,
     {
       data: f,
-      onHoverCallback: n ? (p) => h(p) : void 0,
+      onHoverCallback: n ? (v) => h(v) : void 0,
       onHoverOutCallback: n ? () => h(void 0) : void 0,
       width: d,
       height: m,
-      xScale: e,
-      yScale: o,
+      xScale: o,
+      yScale: e,
       label: N,
       onLoadedCallback: A
     }
   ), q = {
     Data: H,
-    xScale: e,
-    yScale: o,
+    xScale: o,
+    yScale: e,
     yStart: S,
     yEnd: k,
-    xStart: v,
+    xStart: g,
     xEnd: O,
-    yDomain: a,
-    xDomain: s
+    yDomain: r,
+    xDomain: i
   };
   return /* @__PURE__ */ u(
-    J,
+    Z,
     {
       verticalLabel: c.label,
       verticalLabelId: L,
@@ -65,66 +68,66 @@ const $ = {
       height: m,
       title: B,
       children: [
-        /* @__PURE__ */ i(
-          Q,
+        /* @__PURE__ */ s(
+          K,
           {
             ticks: P,
-            x: v,
+            x: g,
             labelledById: L,
-            yDomain: a,
-            yScale: o
+            yDomain: r,
+            yScale: e
           }
         ),
         /* @__PURE__ */ u(
-          U,
+          V,
           {
-            x: v,
+            x: g,
             y: k,
             width: W,
             height: X,
             children: [
-              l.guidelines && /* @__PURE__ */ i(
-                T,
+              l.guidelines && /* @__PURE__ */ s(
+                R,
                 {
                   guides: I.length,
                   direction: "vertical",
-                  xDomain: s,
-                  yDomain: a,
-                  xScale: e,
-                  yScale: o
+                  xDomain: i,
+                  yDomain: r,
+                  xScale: o,
+                  yScale: e
                 }
               ),
-              c.guidelines && /* @__PURE__ */ i(
-                T,
+              c.guidelines && /* @__PURE__ */ s(
+                R,
                 {
                   guides: P.length,
-                  xDomain: s,
-                  yDomain: a,
-                  xScale: e,
-                  yScale: o
+                  xDomain: i,
+                  yDomain: r,
+                  xScale: o,
+                  yScale: e
                 }
               ),
               x ? x(q) : H
             ]
           }
         ),
-        /* @__PURE__ */ i(
-          V,
+        /* @__PURE__ */ s(
+          J,
           {
             ticks: I,
             y: S,
             labelledById: C,
-            xDomain: s,
-            xScale: e
+            xDomain: i,
+            xScale: o
           }
         ),
         n && /* @__PURE__ */ u(
-          Z,
+          U,
           {
-            x: t ? e(t.x) : void 0,
-            y: t ? o(t.y) : void 0,
+            x: t ? o(t.x) : void 0,
+            y: t ? e(t.y) : void 0,
             visible: !!t,
-            offset: D.pointRadius,
+            offset: T.pointRadius,
             children: [
               t && typeof n == "function" && n(t),
               t && typeof n == "string" && n

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

@@ -127,8 +127,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 +138,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;

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

@@ -9,6 +9,7 @@ export interface OrbitalSimProviderProps {
     selectedAnswer: string | null;
     updateSelectedAnswer: (newSelectedAnswer: string | null) => void;
     swappableOrbits?: boolean;
+    selectedNeoIndex?: number;
 }
 export type OrbitalSimContextValues = {
     orbits: Orbits;
@@ -20,6 +21,7 @@ export type OrbitalSimContextValues = {
     updateActiveObservation: (activeId: string) => void;
     selectedAnswer: string | null;
     swappableOrbits: boolean;
+    selectedNeoIndex?: number;
 };
 export type Observation = {
     id: string;
@@ -37,10 +39,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;
@@ -51,7 +54,7 @@ export type Orbits = {
     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 g=require("react/jsx-runtime"),e=require("react"),c=e.createContext(null);function j(){const s=e.useContext(c);if(!s)throw new Error("OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component.");return s}function h({children:s,orbitData:r,showDetailsTable:f=!1,allowOrbitRotation:b=!1,showTimeControls:v=!1,selectedAnswer:i,updateSelectedAnswer:p,swappableOrbits:m=!1,selectedNeoIndex:S}){const[l,u]=e.useState({neos:null,activeNeo:null,observations:[],paused:!1,pov:null,defaultZoom:null,potentialOrbits:!1,noDetails:!1,refObjs:null,noControls:!1}),[t,O]=e.useState(()=>l.observations??[]);e.useEffect(()=>{u(r),O(r.observations)},[r]);const d=e.useMemo(()=>t&&t.length>0?t.map(n=>({...n,isActive:n.label===i})):[],[i,t]),x=n=>{if(t&&t.length>0){let P=t.map(o=>o.id==n?{...o,isActive:!0}:{...o,isActive:!1});O(P);const a=t.find(o=>o.id===n);p((a==null?void 0:a.label)||null)}},C=e.useMemo(()=>({orbits:l,showDetailsTable:f,allowOrbitRotation:b,showTimeControls:v,setOrbits:u,observations:d,updateActiveObservation:x,selectedAnswer:i,swappableOrbits:m,selectedNeoIndex:S}),[l,f,b,v,u,d,x,i,m,S]);return g.jsx(c.Provider,{value:C,children:s})}exports.OrbitalSimContext=c;exports.OrbitalSimProvider=h;exports.useOrbitalSimContext=j;

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, showDetailsTable, allowOrbitRotation, showTimeControls, selectedAnswer, updateSelectedAnswer, swappableOrbits, selectedNeoIndex }: OrbitalSimProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,26 +1,27 @@
 "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 g } from "react/jsx-runtime";
+import { createContext as j, useState as x, useEffect as A, useMemo as S, useContext as E } from "react";
+const d = j(null);
+function Z() {
+  const o = E(d);
   if (!o)
     throw new Error(
       "OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component."
     );
   return o;
 }
-function W({
+function k({
   children: o,
   orbitData: i,
   showDetailsTable: a = !1,
   allowOrbitRotation: f = !1,
   showTimeControls: c = !1,
   selectedAnswer: s,
-  updateSelectedAnswer: S,
-  swappableOrbits: v = !1
+  updateSelectedAnswer: C,
+  swappableOrbits: v = !1,
+  selectedNeoIndex: b
 }) {
-  const [l, r] = p({
+  const [r, l] = x({
     neos: null,
     activeNeo: null,
     observations: [],
@@ -29,50 +30,51 @@ function W({
     defaultZoom: null,
     potentialOrbits: !1,
     noDetails: !1,
-    detailsRows: null,
     refObjs: null,
     noControls: !1
-  }), [t, b] = p(
-    () => l.observations ?? []
+  }), [t, m] = x(
+    () => r.observations ?? []
   );
-  j(() => {
-    r(i), b(i.observations);
+  A(() => {
+    l(i), m(i.observations);
   }, [i]);
-  const m = x(
+  const p = S(
     () => t && t.length > 0 ? t.map((e) => ({ ...e, isActive: e.label === s })) : [],
     [s, t]
-  ), d = (e) => {
+  ), O = (e) => {
     if (t && t.length > 0) {
-      let h = t.map((n) => n.id == e ? { ...n, isActive: !0 } : { ...n, isActive: !1 });
-      b(h);
+      let P = t.map((n) => n.id == e ? { ...n, isActive: !0 } : { ...n, isActive: !1 });
+      m(P);
       const u = t.find((n) => n.id === e);
-      S((u == null ? void 0 : u.label) || null);
+      C((u == null ? void 0 : u.label) || null);
     }
-  }, C = x(() => ({
-    orbits: l,
+  }, h = S(() => ({
+    orbits: r,
     showDetailsTable: a,
     allowOrbitRotation: f,
     showTimeControls: c,
-    setOrbits: r,
-    observations: m,
-    updateActiveObservation: d,
+    setOrbits: l,
+    observations: p,
+    updateActiveObservation: O,
     selectedAnswer: s,
-    swappableOrbits: v
+    swappableOrbits: v,
+    selectedNeoIndex: b
   }), [
-    l,
+    r,
     a,
     f,
     c,
-    r,
-    m,
-    d,
+    l,
+    p,
+    O,
     s,
-    v
+    v,
+    b
   ]);
-  return /* @__PURE__ */ P(O.Provider, { value: C, children: o });
+  return /* @__PURE__ */ g(d.Provider, { value: h, children: o });
 }
 export {
-  O as OrbitalSimContext,
-  W as OrbitalSimProvider,
-  N as useOrbitalSimContext
+  d as OrbitalSimContext,
+  k as OrbitalSimProvider,
+  Z 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,showDetailsTable:q,allowOrbitRotation:v,showTimeControls:m,swappableOrbits:x,selectedNeoIndex:y}=A.useOrbitalSimContext(),{paused:h,pov:P,defaultZoom:c,potentialOrbits:w}=i,u={min:1157e-8,max:365.25,initial:11.574,step:1},[l,a]=s.useState(!h),[D,o]=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(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)},_=()=>{l||o(1),a(!l)},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(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:l,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:c||3}),e.jsx("ambientLight",{intensity:.9}),e.jsx(W.default,{defaultZoom:c||1,playing:l,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:c||1})]})]})]})}exports.default=H;

package/dist/widgets/OrbitalSim/OrbitalSim.js

@@ -1,24 +1,23 @@
 "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, showDetailsTable: P, allowOrbitRotation: x, showTimeControls: S, swappableOrbits: O, selectedNeoIndex: D } = Y(), {
     paused: C,
-    pov: x,
+    pov: k,
     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(() => {
+    potentialOrbits: Z
+  } = o, c = { min: 1157e-8, max: 365.25, initial: 11.574, step: 1 }, [l, a] = i(!C), [R, n] = i(1), [T, g] = i(0), [v, m] = i(C ? 0 : c.initial), [w, d] = i(0), [r, f] = i(0), [y, j] = i(1), [b, z] = i({ neos: [{ Principal_desig: "" }] });
+  W(() => {
     S || (a(!1), m(0)), r > 0 ? (m(c.initial), n(1), d(0), f(-1)) : r < 0 && (d(0), a(!0), f(0));
   }, [r]);
   const L = (e) => {
@@ -29,9 +28,9 @@ function me() {
     a((e) => !1), f((e) => e + 1);
   }, F = (e) => {
     a(!1), n(1), g((u) => u + 1);
-  }, V = (e) => {
+  }, N = (e) => {
     a(!1), n(-1), g((u) => u + 1);
-  }, W = (e) => {
+  }, V = (e) => {
     z({
       neos: [e]
     });
@@ -42,18 +41,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
             }
@@ -64,7 +63,7 @@ function me() {
               playing: l,
               handleStartStop: _,
               handleNext: F,
-              handlePrevious: V,
+              handlePrevious: N,
               isDisabled: !1,
               handleReset: E
             }
@@ -72,9 +71,9 @@ 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,
@@ -84,24 +83,25 @@ function me() {
         ),
         /* @__PURE__ */ t("ambientLight", { intensity: 0.9 }),
         /* @__PURE__ */ t(
-          A,
+          q,
           {
             defaultZoom: p || 1,
             playing: l,
-            stepDirection: Z,
-            dayPerVizSec: w,
+            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