@rubin-epo/epo-widget-lib 1.2.3 → 1.3.0

package/dist/OrbitalSim.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("react"),e=require("./node_modules/prop-types/index.cjs"),H=require("@react-three/fiber"),J=require("react-i18next"),K=require("./widgets/OrbitalSim/OrbitalDetails.cjs"),Q=require("./widgets/OrbitalSim/CameraController.cjs"),U=require("./widgets/OrbitalSim/Camera.cjs"),W=require("./widgets/OrbitalSim/Orbitals.cjs"),X=require("./widgets/OrbitalSim/Sun.cjs"),Y=require("./widgets/OrbitalSim/PlaybackSpeed.cjs"),$=require("./widgets/OrbitalSim/Controls/PlaybackControls.cjs"),q=require("./widgets/OrbitalSim/OrbitalSim.module.css.cjs");function h({neos:g,activeNeo:C,activeObs:O,selectionCallback:D,paused:n,pov:P,defaultZoom:u,potentialOrbits:m,observations:k,noDetails:T,detailsSet:V,detailsRows:L,refObjs:N,noLabels:R,noControls:z=!1}){const c={min:1157e-8,max:365.25,initial:11.574,step:1},[o,l]=a.useState(!n),[Z,_]=a.useState(null),[w,r]=a.useState(1),[E,S]=a.useState(0),[v,y]=a.useState(n?0:c.initial),[p,d]=a.useState(0),[i,f]=a.useState(0),[j,F]=a.useState(1),{t:x}=J.useTranslation();a.useEffect(()=>{i>0?(y(c.initial),r(1),d(0),f(-1)):i<0&&(d(0),l(!0),f(0))},[i]);const M=s=>{y(+s)},A=()=>{o||r(1),l(!o)},I=()=>{l(s=>!1),f(s=>s+1)},B=s=>{l(!1),r(1),S(b=>b+1)},G=s=>{l(!1),r(-1),S(b=>b+1)};return t.jsx(t.Fragment,{children:t.jsxs("div",{className:q.default.container,children:[!m&&!T&&t.jsx(K.default,{type:V,velocity:Z,rows:L}),!n&&t.jsx(Y.default,{elapsedTime:p,dayPerVizSec:v,speeds:c,sliderOnChangeCallback:M}),!z&&t.jsx($.default,{playing:o,handleStartStop:A,handleNext:B,handlePrevious:G,isDisabled:!1,handleReset:I}),t.jsxs(H.Canvas,{className:q.default["orbital-canvas"],children:[t.jsx(Q.default,{pov:P,reset:i}),t.jsx(U.default,{left:5e3,right:15e3,top:15e3,bottom:-15e3,near:.1,far:3e4,position:[0,0,8e3],defaultZoom:u||1}),t.jsx("ambientLight",{intensity:.9}),t.jsx(W.default,{activeVelocityCallback:_,defaultZoom:u||1,refObjs:N,neos:g,activeNeo:C,activeObs:O,playing:o,stepDirection:w,dayPerVizSec:v,frameOverride:E,potentialOrbits:m,observations:k,selectionCallback:D,elapsedTime:p,setElapsedTime:d,noLabels:R,reset:i,zoomLevel:j,setZoomLevel:F,t:x}),t.jsx(X.default,{zoomLevel:j,defaultZoom:u||1,t:x})]})]})})}h.propTypes={neos:e.default.array,activeNeo:e.default.object,activeObs:e.default.object,selectionCallback:e.default.func,paused:e.default.bool,pov:e.default.string,defaultZoom:e.default.number,potentialOrbits:e.default.bool,observations:e.default.array,noDetails:e.default.bool,noLabels:e.default.bool,detailsSet:e.default.string,detailsRows:e.default.array,refObjs:e.default.array,noControls:e.default.bool};exports.default=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./widgets/OrbitalSim/OrbitalSim.cjs"),t=require("./widgets/OrbitalSim/Context/index.cjs");exports.OrbitalSim=i.default;exports.OrbitalSimContext=t.OrbitalSimContext;exports.OrbitalSimProvider=t.OrbitalSimProvider;exports.useOrbitalSimContext=t.useOrbitalSimContext;

package/dist/OrbitalSim.d.ts

@@ -1,3 +1 @@
 export * from './widgets/OrbitalSim/index'
-import _default from './widgets/OrbitalSim/index'
-export default _default

package/dist/OrbitalSim.js

@@ -1,147 +1,9 @@
 "use client";
-import { jsx as t, Fragment as K, jsxs as g } from "react/jsx-runtime";
-import { useState as o, useEffect as M } from "react";
-import e from "./node_modules/prop-types/index.js";
-import { Canvas as Q } from "@react-three/fiber";
-import { useTranslation as U } from "react-i18next";
-import W from "./widgets/OrbitalSim/OrbitalDetails.js";
-import X from "./widgets/OrbitalSim/CameraController.js";
-import Y from "./widgets/OrbitalSim/Camera.js";
-import _ from "./widgets/OrbitalSim/Orbitals.js";
-import $ from "./widgets/OrbitalSim/Sun.js";
-import ee from "./widgets/OrbitalSim/PlaybackSpeed.js";
-import te from "./widgets/OrbitalSim/Controls/PlaybackControls.js";
-import O from "./widgets/OrbitalSim/OrbitalSim.module.css.js";
-function oe({
-  neos: D,
-  activeNeo: P,
-  activeObs: j,
-  selectionCallback: k,
-  paused: n,
-  pov: x,
-  defaultZoom: c,
-  potentialOrbits: d,
-  observations: T,
-  noDetails: V,
-  detailsSet: L,
-  detailsRows: N,
-  refObjs: z,
-  noLabels: R,
-  noControls: Z = !1
-}) {
-  const m = { min: 1157e-8, max: 365.25, initial: 11.574, step: 1 }, [r, a] = o(!n), [w, E] = o(null), [F, l] = o(1), [A, y] = o(0), [v, u] = o(n ? 0 : m.initial), [S, f] = o(0), [i, p] = o(0), [h, q] = o(1), { t: C } = U();
-  M(() => {
-    i > 0 ? (u(m.initial), l(1), f(0), p(-1)) : i < 0 && (f(0), a(!0), p(0));
-  }, [i]);
-  const B = (s) => {
-    u(+s);
-  }, G = () => {
-    r || l(1), a(!r);
-  }, H = () => {
-    a((s) => !1), p((s) => s + 1);
-  }, I = (s) => {
-    a(!1), l(1), y((b) => b + 1);
-  }, J = (s) => {
-    a(!1), l(-1), y((b) => b + 1);
-  };
-  return /* @__PURE__ */ t(K, { children: /* @__PURE__ */ g("div", { className: O.container, children: [
-    !d && !V && /* @__PURE__ */ t(
-      W,
-      {
-        type: L,
-        velocity: w,
-        rows: N
-      }
-    ),
-    !n && /* @__PURE__ */ t(
-      ee,
-      {
-        elapsedTime: S,
-        dayPerVizSec: v,
-        speeds: m,
-        sliderOnChangeCallback: B
-      }
-    ),
-    !Z && /* @__PURE__ */ t(
-      te,
-      {
-        playing: r,
-        handleStartStop: G,
-        handleNext: I,
-        handlePrevious: J,
-        isDisabled: !1,
-        handleReset: H
-      }
-    ),
-    /* @__PURE__ */ g(Q, { className: O["orbital-canvas"], children: [
-      /* @__PURE__ */ t(X, { pov: x, reset: i }),
-      /* @__PURE__ */ t(
-        Y,
-        {
-          left: 5e3,
-          right: 15e3,
-          top: 15e3,
-          bottom: -15e3,
-          near: 0.1,
-          far: 3e4,
-          position: [0, 0, 8e3],
-          defaultZoom: c || 1
-        }
-      ),
-      /* @__PURE__ */ t("ambientLight", { intensity: 0.9 }),
-      /* @__PURE__ */ t(
-        _,
-        {
-          activeVelocityCallback: E,
-          defaultZoom: c || 1,
-          refObjs: z,
-          neos: D,
-          activeNeo: P,
-          activeObs: j,
-          playing: r,
-          stepDirection: F,
-          dayPerVizSec: v,
-          frameOverride: A,
-          potentialOrbits: d,
-          observations: T,
-          selectionCallback: k,
-          elapsedTime: S,
-          setElapsedTime: f,
-          noLabels: R,
-          reset: i,
-          zoomLevel: h,
-          setZoomLevel: q,
-          t: C
-        }
-      ),
-      /* @__PURE__ */ t(
-        $,
-        {
-          zoomLevel: h,
-          defaultZoom: c || 1,
-          t: C
-        }
-      )
-    ] })
-  ] }) });
-}
-oe.propTypes = {
-  neos: e.array,
-  activeNeo: e.object,
-  activeObs: e.object,
-  selectionCallback: e.func,
-  paused: e.bool,
-  pov: e.string,
-  defaultZoom: e.number,
-  potentialOrbits: e.bool,
-  observations: e.array,
-  noDetails: e.bool,
-  noLabels: e.bool,
-  detailsSet: e.string,
-  detailsRows: e.array,
-  refObjs: e.array,
-  noControls: e.bool
-};
+import { default as r } from "./widgets/OrbitalSim/OrbitalSim.js";
+import { OrbitalSimContext as o, OrbitalSimProvider as a, useOrbitalSimContext as l } from "./widgets/OrbitalSim/Context/index.js";
 export {
-  oe as default
+  r as OrbitalSim,
+  o as OrbitalSimContext,
+  a as OrbitalSimProvider,
+  l as useOrbitalSimContext
 };

package/dist/atomic/PlaybackControl/PlaybackControl.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("@rubin-epo/epo-react-lib/IconComposer"),t=require("./styles.cjs"),i=e=>e&&e.__esModule?e:{default:e},a=i(r),n=({icon:e,label:s,handleClick:c,...l})=>o.jsxs(t.PlaybackButton,{...l,onClick:c,children:[o.jsx(t.IconContainer,{children:o.jsx(a.default,{icon:e,size:15})}),o.jsx("span",{children:s})]});n.displayName="Atomic.PlaybackControl";const u=n;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("@rubin-epo/epo-react-lib/IconComposer"),t=require("./styles.cjs"),a=e=>e&&e.__esModule?e:{default:e},i=a(r),n=({icon:e,label:l,handleClick:s,...c})=>o.jsxs(t.PlaybackButton,{...c,onClick:s,children:[o.jsx(t.IconContainer,{children:o.jsx(i.default,{icon:e,size:15})}),o.jsx(t.SpanLabel,{children:l})]});n.displayName="Atomic.PlaybackControl";const u=n;exports.default=u;

package/dist/atomic/PlaybackControl/PlaybackControl.js

@@ -1,14 +1,14 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import l from "@rubin-epo/epo-react-lib/IconComposer";
-import { PlaybackButton as e, IconContainer as s } from "./styles.js";
+import { PlaybackButton as e, IconContainer as s, SpanLabel as m } from "./styles.js";
 const n = ({
   icon: r,
   label: c,
   handleClick: t,
-  ...i
-}) => /* @__PURE__ */ a(e, { ...i, onClick: t, children: [
+  ...a
+}) => /* @__PURE__ */ i(e, { ...a, onClick: t, children: [
   /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(l, { icon: r, size: 15 }) }),
-  /* @__PURE__ */ o("span", { children: c })
+  /* @__PURE__ */ o(m, { children: c })
 ] });
 n.displayName = "Atomic.PlaybackControl";
 const k = n;

package/dist/atomic/PlaybackControl/styles.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),r=t=>t&&t.__esModule?t:{default:t},e=r(n),o=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),a=e=>e&&e.__esModule?e:{default:e},t=a(n),o=t.default.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -7,11 +7,10 @@
   border-radius: 22px;
   background-color: var(--button-background-color);
   color: var(--neutral95, #1f2121);
-`,a=e.default.button`
+`,r=t.default.button`
   --button-color: var(--white, #fff);
   --button-background-color: var(--neutral15, #e6e6e6);
 
-  background: transparent;
   border: none;
   color: var(--button-color);
   cursor: pointer;
@@ -21,7 +20,7 @@
   gap: 0.75em;
   text-align: center;
   padding: 0;
-  margin: 0;
+  margin: 0px 10px 0px 10px;
 
   &:not(:disabled):not([aria-disabled="true"]):hover,
   &:not(:disabled):not([aria-disabled="true"]):focus-visible,
@@ -36,4 +35,8 @@
   &:not(:disabled):not([aria-disabled="true"]):focus {
     outline: none;
   }
-`;exports.IconContainer=o;exports.PlaybackButton=a;
+`,i=t.default.span`
+  background: rgba(0, 0, 0, .7);
+  padding: 3px 10px 3px 10px;
+  border-radius: 10px;
+`;exports.IconContainer=o;exports.PlaybackButton=r;exports.SpanLabel=i;

package/dist/atomic/PlaybackControl/styles.d.ts

@@ -1,3 +1,7 @@
+/**
+ * todo: convert this to a CSS module
+ */
 /// <reference types="react" />
 export declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlaybackButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const SpanLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/atomic/PlaybackControl/styles.js

@@ -1,6 +1,6 @@
 "use client";
-import e from "styled-components";
-const o = e.div`
+import o from "styled-components";
+const e = o.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -9,11 +9,10 @@ const o = e.div`
   border-radius: 22px;
   background-color: var(--button-background-color);
   color: var(--neutral95, #1f2121);
-`, n = e.button`
+`, n = o.button`
   --button-color: var(--white, #fff);
   --button-background-color: var(--neutral15, #e6e6e6);
 
-  background: transparent;
   border: none;
   color: var(--button-color);
   cursor: pointer;
@@ -23,14 +22,14 @@ const o = e.div`
   gap: 0.75em;
   text-align: center;
   padding: 0;
-  margin: 0;
+  margin: 0px 10px 0px 10px;
 
   &:not(:disabled):not([aria-disabled="true"]):hover,
   &:not(:disabled):not([aria-disabled="true"]):focus-visible,
   &:not(:disabled):not([aria-disabled="true"]).focus-visible {
     text-decoration: underline;
 
-    ${o} {
+    ${e} {
       outline: 1px solid var(--white, #fff);
       outline-offset: 1px;
     }
@@ -38,8 +37,13 @@ const o = e.div`
   &:not(:disabled):not([aria-disabled="true"]):focus {
     outline: none;
   }
+`, r = o.span`
+  background: rgba(0, 0, 0, .7);
+  padding: 3px 10px 3px 10px;
+  border-radius: 10px;
 `;
 export {
-  o as IconContainer,
-  n as PlaybackButton
+  e as IconContainer,
+  n as PlaybackButton,
+  r as SpanLabel
 };

package/dist/localeStrings/es/epo-widget-lib.json

@@ -78,7 +78,7 @@
       "forward": "Adelantar",
       "pause": "Pausar",
       "play": "Reproducir",
-      "reset": "Reset",
+      "reset": "Reset"
     }
   },
   "isochrone_plot": {

package/dist/style.css

@@ -1 +1 @@
-:root{--white: #ffffff;--black: #000000;--lightBlue: #bee7f5;--boldRed: #df0039;--ral5018HR: #087f80;--neutral10: #f3f3f3;--neutral20: #737373;--basePrimary: var(--ral5018HR);--error: var(--boldRed);--break40: 420px;--break100: 1284px;--minPadding: 20px;--containerMaxWidth: var(--break100);--offset: 300px;--regular: 400;--medium: 500;--duration: .2s;--durationSlow: .4s;--timing: ease;--siteProgressHeight: 26px;--siteToolbarHeight: 64px;--siteHeaderHeight: var(--siteProgressHeight) + var(--siteToolbarHeight);--pageNavHeight: 64px;--headingWithSpaceHeight: 90px;--tallestSquareWidget: calc(100vh - var(--pageNavHeight) - var(--siteHeaderHeight) - var(--headingWithSpaceHeight) - var(--minPadding))}._container_13gyh_35{position:relative;height:var(--tallestSquareWidget);min-height:var(--break40);background-color:var(--black);color-adjust:exact}._orbital-canvas_13gyh_43{position:relative;z-index:1}._playback-speed-slider-header_13gyh_48{position:absolute;top:34px;right:10px;z-index:2;width:110px;padding:5px;text-align:center;background-color:#fffc;border:1px solid --black;border-radius:10px}._playback-speed-title_13gyh_61{font-family:Roboto;font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black);margin:0}._playback-speed-slider-label_13gyh_72{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;color:var(--black);font-size:12.5px}._playback-speed-slider-label-bottom_13gyh_83,._playback-speed-slider-label-top_13gyh_84{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;color:var(--black);position:absolute;right:var(--minPadding) / 2;z-index:2;width:70px;padding:5px;color:var(--white);text-align:center;background-color:rgb(from var(--basePrimary) r g b / 80%);border:1px solid var(--black);border-radius:10px}._playback-speed-slider-label-bottom_13gyh_83{top:calc(40px + (var(--minPadding) + var(--tallestSquareWidget) - var(--offset)));right:10px}._playback-speed-slider-label-top_13gyh_84{right:10px;top:calc(80px + var(--minPadding))}._playback-speed-slider_13gyh_48{position:absolute;z-index:2;height:50px;top:25%;right:5rem;width:fit-content}._elapsed-time-container_13gyh_126{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;position:absolute;right:10px;bottom:100px;z-index:2;color:var(--black);text-align:center;background-color:rgb(from var(--white) r g b / 80%);border:1px solid var(--black);border-radius:10px}._elapsed-time-container_13gyh_126 ._elapsed-time-title_13gyh_145{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;color:var(--black);padding-top:5px}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156{display:flex;flex-flow:nowrap;align-items:center;justify-content:space-evenly;margin-top:5px;border-top:1px solid var(--black)}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-divider_13gyh_165{display:block;width:1px;height:50px;background-color:var(--black)}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-block_13gyh_172{width:50px}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-block_13gyh_172 ._elapsed-val_13gyh_176{font-family:Roboto;font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black)}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-block_13gyh_172 ._elapsed-label_13gyh_187{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;color:var(--black)}._padded-drawer-inner_13gyh_198{width:(var(--containerMaxWidth) - var(--minPadding) / 2);padding:0 0 0 72px;outline:none}@media all and (max-width: 1284px){._padded-drawer-inner_13gyh_198{width:calc((100vw - 40px)/2)}}._nav-item_13gyh_209 ._md-list-tile_13gyh_209{background-color:var(--neutral10);transition:background-color var(--timing) var(--duration)}._nav-item_13gyh_209 ._md-list-tile_13gyh_209 ._md-tile-addon_13gyh_214{color:var(--basePrimary);transition:color var(--timing) var(--duration)}._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover{background-color:var(--basePrimary)}._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-tile-addon_13gyh_214,._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-tile-text--primary_13gyh_227,._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-tile-text--primary_13gyh_227._md-text--theme-primary_13gyh_228,._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-text_13gyh_228{color:var(--white)}._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209{background-color:var(--basePrimary)}._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-tile-addon_13gyh_214{color:var(--white)}._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-tile-text--primary_13gyh_227,._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-tile-text--primary_13gyh_227._md-text--theme-primary_13gyh_228,._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-text_13gyh_228{color:var(--white)!important}._label_13gyh_249{padding:2px 4px;margin-top:4px;font-weight:var(--medium);color:var(--black);background-color:color-mix(in srgb,var(--white) 40%,transparent);border:1px solid color-mix(in srgb,var(--white) 40%,transparent);border-radius:5px;color-adjust:exact}._obs-mesh_13gyh_260{cursor:pointer}._obs-label_13gyh_264{padding-top:-8px;font-size:16px;color:var(--white);cursor:pointer}._obs-label_13gyh_264._obs-answer_13gyh_271,._obs-label_13gyh_264._obs-hover_13gyh_272{font-size:18px;color:"blue"}._obs-label_13gyh_264._obs-active_13gyh_277{font-size:18px;color:"red"}._details_13gyh_288{position:absolute;top:0;right:0;left:0;z-index:2;max-width:0;overflow:hidden;transition:max-width var(--timing) var(--durationSlow)}._details_13gyh_288 ._details-table_13gyh_299{margin-top:calc(var(--minPadding) * 2 + 36px);background-color:var(--white)}._details_13gyh_288 ._details-table_13gyh_299 ._md-text_13gyh_228{overflow:hidden;white-space:nowrap}._details_13gyh_288._active-details_13gyh_309{width:100%;max-width:350px}._details_13gyh_288._active-details_13gyh_309 ._details-table_13gyh_299 ._md-text_13gyh_228{overflow:auto;white-space:normal}._details-toggle_13gyh_319{position:absolute;top:0;left:0;z-index:3;margin:var(--minPadding);color:var(--white)!important;background-color:var(--error)}._details-toggle_13gyh_319._disabled_13gyh_330{background-color:var(--neutral20)}._slideoutPanel_13gyh_334{background-color:var(--neutral10);display:flex;flex-direction:column;gap:1em;padding:1em;font-size:.75rem}._slideoutPanel_13gyh_334>*+*{margin-block-start:1em}._slideoutRow_13gyh_347{display:flex;gap:20px}._slideoutCol_13gyh_352{flex:1;padding:0 15px;border:1px solid #ccc;background-color:#ccc;border-radius:15px}._slideoutCol_13gyh_352[data-align=right]{text-align:right}._slideoutCol_13gyh_352[data-align=left]{font-weight:700}._slideout_13gyh_334 [data-testid=slideoutBackdrop]{display:none;opacity:0;pointer-events:none}._slideoutPanel_13gyh_334>h3{margin:0;text-align:center}:root{--black: #000000;--turquoise70: #058b8c;--brightGreen: #01bbbc;--mediumGreen: var(--turquoise70);--awRed: #ed4c4c;--awOrange: #fab364;--awYellow: #ffe266;--acPurple: #583671;--acGreen: #3cae3f;--acBlue: #1c81a4}:root :export{--chart0: var(--black);--chart1: var(--acBlue);--chart2: var(--awYellow);--chart3: var(--awRed);--chart4: var(--acGreen);--chart5: var(--awOrange);--chart6: var(--acPurple);--chart7: var(--mediumGreen);--chart8: var(--brightGreen)}._playbackControlsContainer_1f1sq_1{width:auto;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2}
+:root{--white: #ffffff;--black: #000000;--lightBlue: #bee7f5;--boldRed: #df0039;--ral5018HR: #087f80;--neutral10: #f3f3f3;--neutral20: #737373;--basePrimary: var(--ral5018HR);--error: var(--boldRed);--break40: 420px;--break100: 1284px;--minPadding: 20px;--containerMaxWidth: var(--break100);--offset: 300px;--regular: 400;--medium: 500;--duration: .2s;--durationSlow: .4s;--timing: ease;--siteProgressHeight: 26px;--siteToolbarHeight: 64px;--siteHeaderHeight: var(--siteProgressHeight) + var(--siteToolbarHeight);--pageNavHeight: 64px;--headingWithSpaceHeight: 90px;--tallestSquareWidget: calc(100vh - var(--pageNavHeight) - var(--siteHeaderHeight) - var(--headingWithSpaceHeight) - var(--minPadding))}._container_8ubzd_35{position:relative;height:var(--tallestSquareWidget);min-height:var(--break40);background-color:var(--black);color-adjust:exact}._orbital-canvas_8ubzd_43{position:relative;z-index:1}._playback-speed-slider-header_8ubzd_48{position:absolute;top:34px;right:10px;z-index:2;width:110px;padding:5px;text-align:center;background-color:#fffc;border:1px solid --black;border-radius:10px}._playback-speed-title_8ubzd_61{font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black);margin:0}._playback-speed-slider-label_8ubzd_70{font-size:13px;line-height:1.333;color:var(--black);font-size:12.5px}._playback-speed-slider-label-bottom_8ubzd_78,._playback-speed-slider-label-top_8ubzd_79{font-size:13px;line-height:1.333;color:var(--black);position:absolute;right:var(--minPadding) / 2;z-index:2;width:70px;padding:5px;color:var(--white);text-align:center;background-color:rgb(from var(--basePrimary) r g b / 80%);border:1px solid var(--black);border-radius:10px}._playback-speed-slider-label-bottom_8ubzd_78{top:calc(40px + (var(--minPadding) + var(--tallestSquareWidget) - var(--offset)));right:10px}._playback-speed-slider-label-top_8ubzd_79{right:10px;top:calc(80px + var(--minPadding))}._playback-speed-slider_8ubzd_48{position:absolute;z-index:2;height:50px;top:25%;right:5rem;width:fit-content}._elapsed-time-container_8ubzd_115{font-size:13px;line-height:1.333;position:absolute;right:10px;bottom:100px;z-index:2;color:var(--black);text-align:center;background-color:rgb(from var(--white) r g b / 80%);border:1px solid var(--black);border-radius:10px}._elapsed-time-container_8ubzd_115 ._elapsed-time-title_8ubzd_131{font-size:13px;line-height:1.333;color:var(--black);padding-top:5px}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139{display:flex;flex-flow:nowrap;align-items:center;justify-content:space-evenly;margin-top:5px;border-top:1px solid var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-divider_8ubzd_148{display:block;width:1px;height:50px;background-color:var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155{width:50px}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155 ._elapsed-val_8ubzd_159{font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155 ._elapsed-label_8ubzd_168{font-size:13px;line-height:1.333;color:var(--black)}._padded-drawer-inner_8ubzd_176{width:(var(--containerMaxWidth) - var(--minPadding) / 2);padding:0 0 0 72px;outline:none}@media all and (max-width: 1284px){._padded-drawer-inner_8ubzd_176{width:calc((100vw - 40px)/2)}}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187{background-color:var(--neutral10);transition:background-color var(--timing) var(--duration)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187 ._md-tile-addon_8ubzd_192{color:var(--basePrimary);transition:color var(--timing) var(--duration)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover{background-color:var(--basePrimary)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-addon_8ubzd_192,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-text--primary_8ubzd_205,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-text--primary_8ubzd_205._md-text--theme-primary_8ubzd_206,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-text_8ubzd_206{color:var(--white)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187{background-color:var(--basePrimary)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-addon_8ubzd_192{color:var(--white)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-text--primary_8ubzd_205,._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-text--primary_8ubzd_205._md-text--theme-primary_8ubzd_206,._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-text_8ubzd_206{color:var(--white)!important}._label_8ubzd_227{padding:2px 4px;margin-top:4px;font-weight:var(--medium);color:var(--black);background-color:color-mix(in srgb,var(--white) 40%,transparent);border:1px solid color-mix(in srgb,var(--white) 40%,transparent);border-radius:5px;color-adjust:exact}._obs-mesh_8ubzd_238{cursor:pointer}._obs-label_8ubzd_242{padding-top:-8px;font-size:16px;color:var(--white);cursor:pointer}._obs-label_8ubzd_242._obs-answer_8ubzd_249,._obs-label_8ubzd_242._obs-hover_8ubzd_250{font-size:18px;color:"yellow"}._obs-label_8ubzd_242._obs-active_8ubzd_255{font-size:18px;color:"red"}._details_8ubzd_266{position:absolute;top:0;right:0;left:0;z-index:2;max-width:0;overflow:hidden;transition:max-width var(--timing) var(--durationSlow)}._details_8ubzd_266 ._details-table_8ubzd_277{margin-top:calc(var(--minPadding) * 2 + 36px);background-color:var(--white)}._details_8ubzd_266 ._details-table_8ubzd_277 ._md-text_8ubzd_206{overflow:hidden;white-space:nowrap}._details_8ubzd_266._active-details_8ubzd_287{width:100%;max-width:350px}._details_8ubzd_266._active-details_8ubzd_287 ._details-table_8ubzd_277 ._md-text_8ubzd_206{overflow:auto;white-space:normal}._details-toggle_8ubzd_297{position:absolute;top:0;left:0;z-index:3;margin:var(--minPadding);color:var(--white)!important;background-color:var(--error)}._details-toggle_8ubzd_297._disabled_8ubzd_308{background-color:var(--neutral20)}._slideoutPanel_8ubzd_312{background-color:var(--neutral10);display:flex;flex-direction:column;gap:1em;padding:1em;font-size:.75rem}._slideoutPanel_8ubzd_312>*+*{margin-block-start:1em}._slideoutRow_8ubzd_325{display:flex;gap:20px}._slideoutCol_8ubzd_330{flex:1;padding:0 15px;border:1px solid #ccc;background-color:#ccc;border-radius:15px}._slideoutCol_8ubzd_330[data-align=right]{text-align:right}._slideoutCol_8ubzd_330[data-align=left]{font-weight:700}._slideout_8ubzd_312 [data-testid=slideoutBackdrop]{display:none;opacity:0;pointer-events:none}._slideoutPanel_8ubzd_312>h3{margin:0;text-align:center}:root{--black: #000000;--turquoise70: #058b8c;--brightGreen: #01bbbc;--mediumGreen: var(--turquoise70);--awRed: #ed4c4c;--awOrange: #fab364;--awYellow: #ffe266;--acPurple: #583671;--acGreen: #3cae3f;--acBlue: #1c81a4}:root :export{--chart0: var(--black);--chart1: var(--acBlue);--chart2: var(--awYellow);--chart3: var(--awRed);--chart4: var(--acGreen);--chart5: var(--awOrange);--chart6: var(--acPurple);--chart7: var(--mediumGreen);--chart8: var(--brightGreen)}._playbackControlsContainer_1m020_1{width:auto;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2;font-size:17px}

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),e=require("react"),o=e.createContext(null);function O(){const n=e.useContext(o);if(!n)throw new Error("OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component.");return n}function m({children:n,orbitData:s}){const[i,r]=e.useState({neos:null,activeNeo:null,observations:[],activeObs:null,selectionCallback:null,paused:null,pov:null,defaultZoom:null,potentialOrbits:null,noDetails:null,detailsSet:null,detailsRows:null,refObjs:null,noLabels:null,noControls:!1}),[t,l]=e.useState(()=>i.observations??[]);e.useEffect(()=>{r(s),l(s.observations)},[s]);const a=b=>{if(t&&t.length>0){let v=t.map(u=>u.id==b?{...u,isActive:!0}:{...u,isActive:!1});l(v)}},c=e.useMemo(()=>({orbits:i,setOrbits:r,observations:t,setObservations:l,updateActiveObservation:a}),[i,r,t,l,a]);return d.jsx(o.Provider,{value:c,children:n})}exports.OrbitalSimContext=o;exports.OrbitalSimProvider=m;exports.default=o;exports.useOrbitalSimContext=O;

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

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+
+interface OrbitalSimProviderProps {
+    children: ReactNode;
+    orbitData: Orbits;
+}
+type OrbitalSimContextValues = {
+    orbits: Orbits;
+    setOrbits: React.Dispatch<React.SetStateAction<Orbits>>;
+    observations: Observation[];
+    setObservations: React.Dispatch<React.SetStateAction<Observation[]>>;
+    updateActiveObservation: (activeId: string) => void;
+};
+type Observation = {
+    id: string;
+    label: string;
+    interactable: boolean;
+    isActive: boolean;
+    position: number;
+    isAnswer?: boolean;
+};
+type Orbits = {
+    neos: any;
+    activeNeo: any;
+    observations: Observation[];
+    activeObs: any;
+    selectionCallback: any;
+    paused: any;
+    pov: any;
+    defaultZoom: any;
+    potentialOrbits: any;
+    noDetails: any;
+    detailsSet: any;
+    detailsRows: any;
+    refObjs: any;
+    noLabels: any;
+    noControls: boolean;
+};
+export declare const OrbitalSimContext: import('react').Context<OrbitalSimContextValues | null>;
+export default OrbitalSimContext;
+/**
+ *   This custom hooks returns a reference to the `OrbitalSimContext` which will
+ *   expose orbital and observation data, and a callback that can be passed to
+ *   update the selected observation - if applicable - in the web client. The
+ *   data for this context provider must be passed to `<OrbitalSimProvider>` as
+ *   the `orbitData` prop.
+ *
+ * @returns a reference to the context provider
+ */
+export declare function useOrbitalSimContext(): OrbitalSimContextValues;
+/**
+ *   The context provider that must wrap the implementation of the `<OrbitalSim>`,
+ *   and this is all that is necessary to populate the `OrbitalSim` with data. The
+ *   context provider expects a prop called `orbitData` consisting of the object
+ *   that represents the monolithic orbits of visualized in the `OrbitalSim`. The
+ *   context provider will parse out the `observations` and expose a callback function
+ *   named `updateActiveObservation()` which can be passed to the `observation`
+ *   components.
+ *
+ * @param children - a React.Node if necessary, but it shouldn't be
+ * @param orbitData - the monolithic object containing orbit, observation and detailed
+ *                    information data
+ *
+ * @returns
+ */
+export declare function OrbitalSimProvider({ children, orbitData }: OrbitalSimProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as d, useContext as f, useState as u, useEffect as O, useMemo as p } from "react";
+const a = d(null);
+function S() {
+  const t = f(a);
+  if (!t)
+    throw new Error(
+      "OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component."
+    );
+  return t;
+}
+function w({ children: t, orbitData: o }) {
+  const [l, s] = u({
+    neos: null,
+    activeNeo: null,
+    observations: [],
+    activeObs: null,
+    selectionCallback: null,
+    paused: null,
+    pov: null,
+    defaultZoom: null,
+    potentialOrbits: null,
+    noDetails: null,
+    detailsSet: null,
+    detailsRows: null,
+    refObjs: null,
+    noLabels: null,
+    noControls: !1
+  }), [e, n] = u(
+    () => l.observations ?? []
+  );
+  O(() => {
+    s(o), n(o.observations);
+  }, [o]);
+  const r = (b) => {
+    if (e && e.length > 0) {
+      let v = e.map((i) => i.id == b ? { ...i, isActive: !0 } : { ...i, isActive: !1 });
+      n(v);
+    }
+  }, c = p(() => ({
+    orbits: l,
+    setOrbits: s,
+    observations: e,
+    setObservations: n,
+    updateActiveObservation: r
+  }), [
+    l,
+    s,
+    e,
+    n,
+    r
+  ]);
+  return /* @__PURE__ */ m(a.Provider, { value: c, children: t });
+}
+export {
+  a as OrbitalSimContext,
+  w as OrbitalSimProvider,
+  a as default,
+  S as useOrbitalSimContext
+};

package/dist/widgets/OrbitalSim/Controls/PlaybackControls.module.css.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_playbackControlsContainer_1f1sq_1",t={playbackControlsContainer:o};exports.default=t;exports.playbackControlsContainer=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_playbackControlsContainer_1m020_1",t={playbackControlsContainer:o};exports.default=t;exports.playbackControlsContainer=o;

package/dist/widgets/OrbitalSim/Controls/PlaybackControls.module.css.js

@@ -1,4 +1,4 @@
-const o = "_playbackControlsContainer_1f1sq_1", a = {
+const o = "_playbackControlsContainer_1m020_1", a = {
   playbackControlsContainer: o
 };
 export {

package/dist/widgets/OrbitalSim/Observation.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"),r=require("../../node_modules/prop-types/index.cjs"),g=require("../../node_modules/classnames/index.cjs"),O=require("@react-three/drei"),t=require("./OrbitalSim.module.css.cjs");function b({data:a,activeObs:o,vector:v,selectionCallback:m}){const{id:u,label:h,interactable:i,isActive:c}=a,[d,f]=n.useState(!1),[s,j]=n.useState(()=>{const{id:l}=o||{};return l===u});n.useEffect(()=>{const{id:l}=o||{};j(l===u)},[o]);function x(){return c&&s?"green":s||d?"blue":"gray"}return e.jsxs("mesh",{className:t.default["obs-mesh"],position:v,onClick:i?()=>m(a,"obs"):null,onPointerOver:i?()=>f(!0):null,onPointerOut:i?()=>f(!1):null,children:[e.jsx(O.Html,{children:e.jsx("div",{className:g.default(t.default["obs-label"],{[t.default["obs-answer"]]:c&&s,[t.default["obs-hover"]]:d,[t.default["obs-active"]]:s}),children:h})}),e.jsx("octahedronGeometry",{attach:"geometry",args:[20]}),e.jsx("meshBasicMaterial",{attach:"material",color:x()})]})}b.propTypes={data:r.default.object,selectionCallback:r.default.func,activeObs:r.default.object,vector:r.default.object};exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("react"),n=require("../../node_modules/prop-types/index.cjs"),v=require("../../node_modules/classnames/index.cjs"),x=require("@react-three/drei"),o=require("./OrbitalSim.module.css.cjs"),h=require("./Context/index.cjs");function l({data:r,vector:a}){const{updateActiveObservation:u}=h.useOrbitalSimContext(),{label:c,interactable:t,isActive:s,isAnswer:d}=r,[b,i]=f.useState(!1);function m(){return s&&d?"green":s||b?"blue":"gray"}return e.jsxs("mesh",{className:o.default["obs-mesh"],position:a,onClick:t?()=>{u(r.id)}:null,onPointerOver:t?()=>i(!0):null,onPointerOut:t?()=>i(!1):null,children:[e.jsx(x.Html,{children:e.jsx("div",{className:v.default(o.default["obs-label"]),children:c})}),e.jsx("octahedronGeometry",{attach:"geometry",args:[20]}),e.jsx("meshBasicMaterial",{attach:"material",color:m()})]})}l.propTypes={data:n.default.object,vector:n.default.object};exports.default=l;

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

@@ -1,16 +1,12 @@
 import { default as PropTypes } from 'prop-types';
 export default Observation;
-declare function Observation({ data, activeObs, vector, selectionCallback }: {
+declare function Observation({ data, vector }: {
     data: any;
-    activeObs: any;
     vector: any;
-    selectionCallback: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Observation {
     namespace propTypes {
         let data: PropTypes.Requireable<object>;
-        let selectionCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        let activeObs: PropTypes.Requireable<object>;
         let vector: PropTypes.Requireable<object>;
     }
 }

package/dist/widgets/OrbitalSim/Observation.js

@@ -1,60 +1,50 @@
 "use client";
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { useState as b, useEffect as g } from "react";
-import r from "../../node_modules/prop-types/index.js";
-import j from "../../node_modules/classnames/index.js";
-import { Html as A } from "@react-three/drei";
-import e from "./OrbitalSim.module.css.js";
-function O({ data: c, activeObs: s, vector: f, selectionCallback: p }) {
-  const { id: a, label: v, interactable: i, isActive: l } = c, [m, u] = b(!1), [t, d] = b(() => {
-    const { id: n } = s || {};
-    return n === a;
-  });
-  g(() => {
-    const { id: n } = s || {};
-    d(n === a);
-  }, [s]);
-  function h() {
-    return l && t ? "green" : t || m ? "blue" : "gray";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useState as b } from "react";
+import i from "../../node_modules/prop-types/index.js";
+import h from "../../node_modules/classnames/index.js";
+import { Html as v } from "@react-three/drei";
+import n from "./OrbitalSim.module.css.js";
+import { useOrbitalSimContext as d } from "./Context/index.js";
+function y({ data: r, vector: a }) {
+  const { updateActiveObservation: l } = d(), { label: m, interactable: t, isActive: o, isAnswer: c } = r, [u, s] = b(!1);
+  function p() {
+    return o && c ? "green" : o || u ? "blue" : "gray";
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ f(
     "mesh",
     {
-      className: e["obs-mesh"],
-      position: f,
-      onClick: i ? () => p(c, "obs") : null,
-      onPointerOver: i ? () => u(!0) : null,
-      onPointerOut: i ? () => u(!1) : null,
+      className: n["obs-mesh"],
+      position: a,
+      onClick: t ? () => {
+        l(r.id);
+      } : null,
+      onPointerOver: t ? () => s(!0) : null,
+      onPointerOut: t ? () => s(!1) : null,
       children: [
-        /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+        /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
           "div",
           {
-            className: j(e["obs-label"], {
-              [e["obs-answer"]]: l && t,
-              [e["obs-hover"]]: m,
-              [e["obs-active"]]: t
-            }),
-            children: v
+            className: h(n["obs-label"]),
+            children: m
           }
         ) }),
-        /* @__PURE__ */ o("octahedronGeometry", { attach: "geometry", args: [20] }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e("octahedronGeometry", { attach: "geometry", args: [20] }),
+        /* @__PURE__ */ e(
           "meshBasicMaterial",
           {
             attach: "material",
-            color: h()
+            color: p()
           }
         )
       ]
     }
   );
 }
-O.propTypes = {
-  data: r.object,
-  selectionCallback: r.func,
-  activeObs: r.object,
-  vector: r.object
+y.propTypes = {
+  data: i.object,
+  vector: i.object
 };
 export {
-  O as default
+  y as default
 };

package/dist/widgets/OrbitalSim/Observations.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),v=require("react"),a=require("../../node_modules/prop-types/index.cjs"),x=require("three"),O=require("./Observation.cjs"),s=require("./orbitalUtilities.cjs");function y(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const T=y(x),b=({data:e,observations:t,activeObs:r,selectionCallback:c})=>{const[d]=v.useState(()=>{const{a:i,e:l}=e,n=s.auToUnit(i),u=s.getMinorAxis(i,l),g=s.getFocus(n,u),f=new T.Vector3(g,0,0),p=s.getCurve(n,u,f.x,f.y);return(t||[]).map(j=>{const{position:m}=j;return s.convert2dTo3d(p.getPoint(m),e)})});return o.jsx(o.Fragment,{children:d&&o.jsx(o.Fragment,{children:d.map((i,l)=>{const n=t[l],{id:u}=n;return o.jsx(O.default,{data:n,vector:i,selectionCallback:c,activeObs:r},u)})})})};b.propTypes={data:a.default.object,observations:a.default.array,selectionCallback:a.default.func,activeObs:a.default.object};exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),m=require("react"),l=require("../../node_modules/prop-types/index.cjs"),j=require("three"),v=require("./Observation.cjs"),c=require("./orbitalUtilities.cjs");function x(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const O=x(j),d=({data:e,observations:n})=>{const[t]=m.useState(()=>{const{a:r,e:u}=e,o=c.auToUnit(r),i=c.getMinorAxis(r,u),f=c.getFocus(o,i),a=new O.Vector3(f,0,0),b=c.getCurve(o,i,a.x,a.y);return(n||[]).map(g=>{const{position:p}=g;return c.convert2dTo3d(b.getPoint(p),e)})});return s.jsx(s.Fragment,{children:t&&s.jsx(s.Fragment,{children:t.map((r,u)=>{const o=n[u],{id:i}=o;return s.jsx(v.default,{data:o,vector:r},i)})})})};d.propTypes={data:l.default.object,observations:l.default.array};exports.default=d;

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

@@ -1,16 +1,12 @@
 import { default as PropTypes } from 'prop-types';
 export default Observations;
-declare function Observations({ data, observations, activeObs, selectionCallback }: {
+declare function Observations({ data, observations }: {
     data: any;
     observations: any;
-    activeObs: any;
-    selectionCallback: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Observations {
     namespace propTypes {
         let data: PropTypes.Requireable<object>;
         let observations: PropTypes.Requireable<any[]>;
-        let selectionCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        let activeObs: PropTypes.Requireable<object>;
     }
 }