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

package/dist/widgets/LightCurvePlot/PlotWithCurve/index.js

@@ -1,50 +1,50 @@
 "use client";
-import { jsx as t, jsxs as W, Fragment as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as L, Fragment as a } from "react/jsx-runtime";
 import { useId as N } from "react";
 import { useTranslation as T } from "react-i18next";
 import { range as V } from "d3-array";
-import D from "@rubin-epo/epo-react-lib/HorizontalSlider";
+import W from "@rubin-epo/epo-react-lib/HorizontalSlider";
 import r from "../defaults.js";
-import J from "../Plot/index.js";
-import K from "./A11Y/LightCurveLabel/index.js";
-import { useAlertsAsPoints as Q, estimateMagnitudeWithOffset as X, estimateMagnitude as Z } from "../helpers.js";
-import k from "../../../atomic/Button/patterns/Reset.js";
-import O from "./MagnitudeSlider/index.js";
-import { DM15Display as S } from "./styles.js";
-import C from "../../../charts/Viewport/index.js";
+import $ from "../Plot/index.js";
+import J from "./A11Y/LightCurveLabel/index.js";
+import { useAlertsAsPoints as K, estimateMagnitudeWithOffset as Q, estimateMagnitude as X } from "../helpers.js";
+import Z from "../../../atomic/Button/patterns/Reset.js";
+import k from "./MagnitudeSlider/index.js";
+import { DM15Display as O } from "./styles.js";
+import S from "../../../charts/Viewport/index.js";
 import G from "../../../layout/Controls/index.js";
 import A from "../../../atomic/ControlLabel/index.js";
 import U from "../../../charts/PathFromPoints/index.js";
 import { mergeWithDefaults as Y } from "../../../lib/utils.js";
-const I = ({
+const C = ({
   gaussianWidth: m = r.gaussianWidth,
   yOffset: s = r.yOffset,
-  alerts: w,
-  peakMjd: B,
+  alerts: I,
+  peakMjd: w,
   yMin: d,
   yMax: f,
   width: c = r.width,
   height: h = r.height,
-  userMagnitude: _,
+  userMagnitude: B,
   onUserMagnitudeChangeCallback: n,
   onGaussianChangeCallback: l,
   onYOffsetChangeCallback: p,
-  className: F,
+  className: _,
   isDisplayOnly: g,
-  ...H
+  ...F
 }) => {
   const { t: v } = T(), i = Y(
     { min: d, max: f },
     r.yAxis
-  ), y = (i.max - i.min) / 2 + i.min, x = Q(w, B), R = N(), j = () => {
+  ), y = (i.max - i.min) / 2 + i.min, x = K(I, w), H = N(), R = () => {
     n && n(y), p && p(r.yOffset), l && l(r.gaussianWidth);
-  }, b = X(0, m, s), q = /* @__PURE__ */ t(
-    J,
+  }, b = Q(0, m, s), j = /* @__PURE__ */ t(
+    $,
     {
       slider: /* @__PURE__ */ t(
-        O,
+        k,
         {
-          magnitude: _ || y,
+          magnitude: B || y,
           onMagnitudeChangeCallback: (o) => n && n(o),
           disabled: g,
           yMin: i.min - i.step / 2,
@@ -55,20 +55,20 @@ const I = ({
       plotChildren: ({
         xScale: o,
         yScale: e,
-        yDomain: $,
-        xStart: P,
+        yDomain: q,
+        xStart: M,
         xEnd: z,
-        yStart: L,
+        yStart: P,
         yEnd: u,
         Data: E
-      }) => /* @__PURE__ */ W(a, { children: [
+      }) => /* @__PURE__ */ L(a, { children: [
         /* @__PURE__ */ t(
           "rect",
           {
             x: o(0),
             y: u,
             width: o(15) - o(0),
-            height: L - u,
+            height: P - u,
             stroke: "var(--neutral60,##6A6E6E)",
             strokeDasharray: 6,
             fill: "var(--neutral20,#DCE0E3)"
@@ -78,30 +78,30 @@ const I = ({
         /* @__PURE__ */ t(
           U,
           {
-            points: V(-10, 40, 0.5).map((M) => ({
-              x: o(M),
-              y: e(Z(M, m))
+            points: V(-10, 40, 0.5).map((D) => ({
+              x: o(D),
+              y: e(X(D, m))
             })),
             svgProps: {
-              transform: `translate(0,${e($[1] - s)})`,
+              transform: `translate(0,${e(q[1] - s)})`,
               strokeLinecap: "round"
             }
           }
         ),
         /* @__PURE__ */ t(
-          C,
+          S,
           {
-            x: P,
+            x: M,
             y: u,
-            outerHeight: L - u,
-            outerWidth: z - P,
+            outerHeight: P - u,
+            outerWidth: z - M,
             innerWidth: c,
             innerHeight: h,
-            children: /* @__PURE__ */ t(S, { gaussianWidth: m })
+            children: /* @__PURE__ */ t(O, { gaussianWidth: m })
           }
         )
       ] }),
-      ...H,
+      ...F,
       data: x,
       width: c,
       height: h,
@@ -112,17 +112,17 @@ const I = ({
   return /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
     G,
     {
-      className: F,
+      className: _,
       isDisplayOnly: g,
       ratio: { landscape: 3 / 2, portrait: 2 / 3 },
-      widget: q,
-      controls: /* @__PURE__ */ W(a, { children: [
+      widget: j,
+      controls: /* @__PURE__ */ L(a, { children: [
         /* @__PURE__ */ t(
           A,
           {
             label: v("light_curve.curve.controls.gaussian_width"),
             input: (o) => /* @__PURE__ */ t(
-              D,
+              W,
               {
                 labelledbyId: o,
                 color: "var(--turquoise85, #12726D)",
@@ -141,7 +141,7 @@ const I = ({
           {
             label: v("light_curve.curve.controls.y_offset"),
             input: (o) => /* @__PURE__ */ t(
-              D,
+              W,
               {
                 labelledbyId: o,
                 color: "var(--turquoise85, #12726D)",
@@ -156,9 +156,9 @@ const I = ({
           }
         ),
         /* @__PURE__ */ t(
-          K,
+          J,
           {
-            controlledById: R,
+            controlledById: H,
             data: x,
             gaussianWidth: m,
             yOffset: s,
@@ -166,12 +166,11 @@ const I = ({
           }
         )
       ] }),
-      actions: /* @__PURE__ */ t(k, { onResetCallback: j })
+      actions: /* @__PURE__ */ t(Z, { onResetCallback: R })
     }
   ) });
 };
-I.displayName = "Widgets.LightCurve";
-const vt = I;
+C.displayName = "Widgets.LightCurve";
 export {
-  vt as default
+  C as default
 };

package/dist/widgets/LightCurvePlot/PlotWithCurve/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlotContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlotTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/dist/widgets/LightCurvePlot/PlotWithoutCurve/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../Plot/index.cjs"),i=require("../helpers.cjs"),n=require("../../../layout/AspectRatio/index.cjs"),l=({alerts:t,peakMjd:r,...u})=>{const s=i.useAlertsAsPoints(t,r);return e.jsx(n.default,{ratio:1,children:e.jsx(o.default,{...u,data:s})})},c=l;exports.default=c;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../Plot/index.cjs"),n=require("../helpers.cjs"),o=require("../../../layout/AspectRatio/index.cjs"),l=({alerts:t,peakMjd:r,...s})=>{const u=n.useAlertsAsPoints(t,r);return e.jsx(o.default,{ratio:1,children:e.jsx(i.default,{...s,data:u})})};exports.default=l;

package/dist/widgets/LightCurvePlot/PlotWithoutCurve/index.js

@@ -2,21 +2,21 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "../Plot/index.js";
 import { useAlertsAsPoints as m } from "../helpers.js";
-import u from "../../../layout/AspectRatio/index.js";
-const l = ({
+import a from "../../../layout/AspectRatio/index.js";
+const c = ({
   alerts: o,
   peakMjd: r,
   ...e
 }) => {
   const i = m(o, r);
-  return /* @__PURE__ */ t(u, { ratio: 1, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(a, { ratio: 1, children: /* @__PURE__ */ t(
     s,
     {
       ...e,
       data: i
     }
   ) });
-}, f = l;
+};
 export {
-  f as default
+  c as default
 };

package/dist/widgets/LightCurvePlot/helpers.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react-i18next"),u=(t,e)=>t-e,x=(t,e)=>{const{t:s}=g.useTranslation();return t.map(({date:a,magnitude:n,error:o,id:m})=>{const i=u(a,e),c=Math.round(i),M=c>0?"after":c===0?"peak":"before";return{x:i,y:n,error:{y:{min:o,max:o}},id:m,date:a,description:s("light_curve.plot.point_label",{magnitude:n,count:Math.abs(c),context:M})||void 0}})},r=(t,e)=>e*Math.exp(-((t-3)**2)/20**2)+1,l=(t,e)=>e*=Math.exp(-.1*(t- -15))+1,p=(t,e)=>{let n=r(t,e);n=l(t,n);const o=Math.max(t,0);return n+=.02*o+15,Number(n.toFixed(4))},d=(t,e,s)=>p(t,e)-s,h=(t,e,s)=>Math.abs(t.y-d(t.x,e,s));exports.calculateResidual=h;exports.daysSincePeak=u;exports.estimateMagnitude=p;exports.estimateMagnitudeWithOffset=d;exports.exponentialRise=l;exports.gaussianBump=r;exports.useAlertsAsPoints=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react-i18next"),u=(t,e)=>t-e,x=(t,e)=>{const{t:s}=g.useTranslation();return t.map(({date:a,magnitude:n,error:o,id:m})=>{const c=u(a,e),i=Math.round(c),M=i>0?"after":i===0?"peak":"before";return{x:c,y:n,error:{y:{min:o,max:o}},id:m,date:a,description:s("light_curve.plot.point_label",{magnitude:n,count:Math.abs(i),context:M})||void 0}})},r=(t,e)=>e*Math.exp(-((t-3)**2)/20**2)+1,l=(t,e)=>e*=Math.exp(-.1*(t- -15))+1,p=(t,e)=>{let n=r(t,e);n=l(t,n);const o=Math.max(t,0);return n+=.02*o+15,Number(n.toFixed(4))},d=(t,e,s)=>p(t,e)-s,h=(t,e,s)=>Math.abs(t.y-d(t.x,e,s));exports.calculateResidual=h;exports.daysSincePeak=u;exports.estimateMagnitude=p;exports.estimateMagnitudeWithOffset=d;exports.exponentialRise=l;exports.gaussianBump=r;exports.useAlertsAsPoints=x;

package/dist/widgets/LightCurvePlot/helpers.js

@@ -1,9 +1,9 @@
 "use client";
-import { useTranslation as u } from "react-i18next";
+import { useTranslation as p } from "react-i18next";
 const l = (t, n) => t - n, g = (t, n) => {
-  const { t: s } = u();
+  const { t: s } = p();
   return t.map(({ date: o, magnitude: e, error: c, id: i }) => {
-    const r = l(o, n), a = Math.round(r), p = a > 0 ? "after" : a === 0 ? "peak" : "before";
+    const r = l(o, n), a = Math.round(r), u = a > 0 ? "after" : a === 0 ? "peak" : "before";
     return {
       x: r,
       y: e,
@@ -15,7 +15,7 @@ const l = (t, n) => t - n, g = (t, n) => {
       description: s("light_curve.plot.point_label", {
         magnitude: e,
         count: Math.abs(a),
-        context: p
+        context: u
       }) || void 0
     };
   });

package/dist/widgets/OrbitalSim/Camera/Camera.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("react"),n=require("../../../node_modules/prop-types/index.cjs"),i=require("@react-three/fiber");function o({...r}){const e=u.useRef();return u.useEffect(()=>{const t=e.current;t.zoom=r.defaultZoom,t.updateProjectionMatrix()},[]),i.useFrame(()=>{e.current.updateMatrixWorld()}),a.jsx("orthographicCamera",{ref:e,...r,makeDefault:!0,zoom:100})}o.propTypes={defaultZoom:n.default.number};exports.default=o;

package/dist/widgets/OrbitalSim/{Camera.d.ts → Camera/Camera.d.ts}

@@ -1,10 +1,9 @@
-import { default as PropTypes } from 'prop-types';
 export default Camera;
 declare function Camera({ ...props }: {
     [x: string]: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Camera {
     namespace propTypes {
-        let defaultZoom: PropTypes.Requireable<number>;
+        let defaultZoom: any;
     }
 }

package/dist/widgets/OrbitalSim/{Camera.js → Camera/Camera.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
 import { useRef as m, useEffect as a } from "react";
-import u from "../../node_modules/prop-types/index.js";
+import u from "../../../node_modules/prop-types/index.js";
 import { useFrame as f } from "@react-three/fiber";
 function p({ ...r }) {
   const e = m();

package/dist/widgets/OrbitalSim/Camera/CameraController.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),i=require("../../../node_modules/prop-types/index.cjs");require("three");const l=require("../../../node_modules/three/examples/jsm/controls/OrbitControls.cjs"),f=require("@react-three/fiber");function s({pov:t,reset:n}){const{camera:u,gl:c}=f.useThree(),e=r.useRef();function a(){if(t){const o={side:Math.PI/1.0075,top:Math.PI/2}[t];e.current.minAzimuthAngle=0,e.current.maxAzimuthAngle=0,e.current.minPolarAngle=o,e.current.maxPolarAngle=o}e.current.update()}return r.useEffect(()=>{e.current&&n>0&&e.current.reset()},[n]),r.useEffect(()=>(e.current=new l.OrbitControls(u,c.domElement),e.current.minDistance=70,e.current.maxDistance=1e4,e.current.screenSpacePanning=!0,a(),()=>{e.current.dispose()}),[u,c]),null}s.propTypes={pov:i.default.string,reset:i.default.number};exports.default=s;

package/dist/widgets/OrbitalSim/{CameraController.d.ts → Camera/CameraController.d.ts}

@@ -1,4 +1,3 @@
-import { default as PropTypes } from 'prop-types';
 export default CameraController;
 declare function CameraController({ pov, reset }: {
     pov: any;
@@ -6,7 +5,7 @@ declare function CameraController({ pov, reset }: {
 }): null;
 declare namespace CameraController {
     namespace propTypes {
-        let pov: PropTypes.Requireable<string>;
-        let reset: PropTypes.Requireable<number>;
+        let pov: any;
+        let reset: any;
     }
 }

package/dist/widgets/OrbitalSim/{CameraController.js → Camera/CameraController.js}

@@ -1,8 +1,8 @@
 "use client";
 import { useRef as s, useEffect as c } from "react";
-import i from "../../node_modules/prop-types/index.js";
+import i from "../../../node_modules/prop-types/index.js";
 import "three";
-import { OrbitControls as a } from "../../node_modules/three/examples/jsm/controls/OrbitControls.js";
+import { OrbitControls as a } from "../../../node_modules/three/examples/jsm/controls/OrbitControls.js";
 import { useThree as l } from "@react-three/fiber";
 function p({ pov: e, reset: t }) {
   const { camera: n, gl: o } = l(), r = s();

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

@@ -1 +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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),e=require("react"),u=e.createContext(null);function d(){const n=e.useContext(u);if(!n)throw new Error("OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component.");return n}function m({children:n,orbitData:l}){const[s,i]=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,o]=e.useState(()=>s.observations??[]);e.useEffect(()=>{i(l),o(l.observations)},[l]);const a=b=>{if(t&&t.length>0){let v=t.map(r=>r.id==b?{...r,isActive:!0}:{...r,isActive:!1});o(v)}},c=e.useMemo(()=>({orbits:s,setOrbits:i,observations:t,setObservations:o,updateActiveObservation:a}),[s,i,t,o,a]);return O.jsx(u.Provider,{value:c,children:n})}exports.OrbitalSimContext=u;exports.OrbitalSimProvider=m;exports.useOrbitalSimContext=d;

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

@@ -1,9 +1,9 @@
 "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";
+import { createContext as d, useState as u, useEffect as f, useMemo as O, useContext as p } from "react";
 const a = d(null);
 function S() {
-  const t = f(a);
+  const t = p(a);
   if (!t)
     throw new Error(
       "OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component."
@@ -30,7 +30,7 @@ function w({ children: t, orbitData: o }) {
   }), [e, n] = u(
     () => l.observations ?? []
   );
-  O(() => {
+  f(() => {
     s(o), n(o.observations);
   }, [o]);
   const r = (b) => {
@@ -38,7 +38,7 @@ function w({ children: t, orbitData: o }) {
       let v = e.map((i) => i.id == b ? { ...i, isActive: !0 } : { ...i, isActive: !1 });
       n(v);
     }
-  }, c = p(() => ({
+  }, c = O(() => ({
     orbits: l,
     setOrbits: s,
     observations: e,
@@ -56,6 +56,5 @@ function w({ children: t, orbitData: o }) {
 export {
   a as OrbitalSimContext,
   w as OrbitalSimProvider,
-  a as default,
   S as useOrbitalSimContext
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),c=require("./PlaybackControls.module.css.cjs"),i=require("react-i18next"),t=require("../../../atomic/PlaybackControl/PlaybackControl.cjs"),u=({playing:r,handleStartStop:n,handleNext:o,handlePrevious:s,handleReset:d,isDisabled:a})=>{const{t:e}=i.useTranslation();return l.jsxs("div",{className:c.default.playbackControlsContainer,children:[l.jsx(t.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:s,disabled:a}),l.jsx(t.default,{"data-testid":"blinker-start-stop",icon:r?"Pause":"Play",label:e(r?"blinker.controls.pause":"blinker.controls.play"),handleClick:n,disabled:a}),l.jsx(t.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:o,disabled:a}),l.jsx(t.default,{"data-testid":"blinker-forward",icon:"RotateLeft",label:e("blinker.controls.reset"),handleClick:d,disabled:a})]})};exports.default=u;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react-i18next"),c=require("./styles.cjs"),a=require("../../../atomic/PlaybackControl/PlaybackControl.cjs"),b=({playing:r,handleStartStop:n,handleNext:o,handlePrevious:s,handleReset:d,isDisabled:l})=>{const{t:e}=i.useTranslation();return t.jsxs(c.PlaybackControlsContainer,{children:[t.jsx(a.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:s,disabled:l}),t.jsx(a.default,{"data-testid":"blinker-start-stop",icon:r?"Pause":"Play",label:e(r?"blinker.controls.pause":"blinker.controls.play"),handleClick:n,disabled:l}),t.jsx(a.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:o,disabled:l}),t.jsx(a.default,{"data-testid":"blinker-forward",icon:"RotateLeft",label:e("blinker.controls.reset"),handleClick:d,disabled:l})]})};exports.default=b;

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

@@ -1,60 +1,60 @@
 "use client";
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import c from "./PlaybackControls.module.css.js";
-import { useTranslation as b } from "react-i18next";
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { PlaybackControlsContainer as b } from "./styles.js";
 import t from "../../../atomic/PlaybackControl/PlaybackControl.js";
-const C = ({
+const p = ({
   playing: o,
   handleStartStop: e,
   handleNext: n,
   handlePrevious: d,
   handleReset: i,
-  isDisabled: l
+  isDisabled: a
 }) => {
-  const { t: a } = b();
-  return /* @__PURE__ */ s("div", { className: c.playbackControlsContainer, children: [
-    /* @__PURE__ */ r(
+  const { t: r } = s();
+  return /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-backward",
         icon: "Backward",
-        label: a("blinker.controls.backward"),
+        label: r("blinker.controls.backward"),
         handleClick: d,
-        disabled: l
+        disabled: a
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-start-stop",
         icon: o ? "Pause" : "Play",
-        label: a(o ? "blinker.controls.pause" : "blinker.controls.play"),
+        label: r(o ? "blinker.controls.pause" : "blinker.controls.play"),
         handleClick: e,
-        disabled: l
+        disabled: a
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-forward",
         icon: "Forward",
-        label: a("blinker.controls.forward"),
+        label: r("blinker.controls.forward"),
         handleClick: n,
-        disabled: l
+        disabled: a
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-forward",
         icon: "RotateLeft",
-        label: a("blinker.controls.reset"),
+        label: r("blinker.controls.reset"),
         handleClick: i,
-        disabled: l
+        disabled: a
       }
     )
   ] });
 };
 export {
-  C as default
+  p as default
 };

package/dist/widgets/OrbitalSim/Controls/PlaybackSpeed.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react"),u=require("../../../node_modules/prop-types/index.cjs"),k=require("react-i18next"),m=require("../orbitalUtilities.cjs"),S=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("./styles.cjs"),T=a=>a&&a.__esModule?a:{default:a},g=T(S);function h({dayPerVizSec:a,elapsedTime:p,sliderOnChangeCallback:j,speeds:b}){const{t:r}=k.useTranslation();function x(d){const o=d/365,l=Math.floor(o),s=365*(o-l);let i={},n={};return i={number:m.formatValue(l),string:r("elapsed_time.interval.year",{count:l})},n={number:m.formatValue(s),string:r("elapsed_time.interval.day",{count:s})},l>=1?`${i.number} ${i.string}`:s<1?r("orbit_viewer.playback.interval.secWithCount",{count:1}):`${n.number} ${n.string}`}function c(d,o){const l=p<0,s=Math.abs(p)/365.256,i=Math.floor(s),n=Math.floor(365.256*(s-i));let f={},y={};return f={number:m.formatValue(l?-i:i),string:r("elapsed_time.interval.year",{count:i})},y={number:m.formatValue(l?-n:n),string:r("elapsed_time.interval.day",{count:n})},d==="days"?y[o]:d==="years"?f[o]:null}const _=v.useMemo(()=>x(a),[a]);return e.jsxs(e.Fragment,{children:[e.jsxs(t.PlaybackSpeedSliderHeader,{children:[e.jsx(t.PlaybackSpeedTitle,{children:r("orbital_sim.playback.time_step")}),e.jsx(t.PlaybackSpeedSliderLabel,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:_})})]}),e.jsx(t.PlaybackSpeedSliderLabelTopBottom,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:r("orbit_viewer.playback.interval.yearWithCount",{count:1}),context:"verbose"})}),e.jsx(t.PlaybackSpeedSliderLabelTopBottom,{children:r("orbital_sim.playback.normal_time")}),e.jsx(t.PlaybackSpeedSliderWrapper,{children:e.jsx(g.default,{isVertical:!0,min:b.min,invert:!0,max:b.max,step:b.step,value:a,onChangeCallback:j})}),e.jsxs(t.ElapsedTimeContainer,{children:[e.jsx(t.ElapsedTimeTitle,{children:r("elapsed_time.title")}),e.jsxs(t.ElapsedTimeInner,{children:[e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("years","number")}),e.jsx("div",{children:c("years","string")})]}),e.jsx(t.ElapsedTimeDivider,{}),e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("days","number")}),e.jsx(t.ElapsedLabel,{children:c("days","string")})]})]})]})]})}h.propTypes={dayPerVizSec:u.default.number,elapsedTime:u.default.number,speeds:u.default.object,sliderOnChangeCallback:u.default.func};exports.default=h;

package/dist/widgets/OrbitalSim/{PlaybackSpeed.d.ts → Controls/PlaybackSpeed.d.ts}

@@ -1,4 +1,3 @@
-import { default as PropTypes } from 'prop-types';
 export default PlaybackSpeed;
 declare function PlaybackSpeed({ dayPerVizSec, elapsedTime, sliderOnChangeCallback, speeds, }: {
     dayPerVizSec: any;
@@ -8,9 +7,9 @@ declare function PlaybackSpeed({ dayPerVizSec, elapsedTime, sliderOnChangeCallba
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace PlaybackSpeed {
     namespace propTypes {
-        let dayPerVizSec: PropTypes.Requireable<number>;
-        let elapsedTime: PropTypes.Requireable<number>;
-        let speeds: PropTypes.Requireable<object>;
-        let sliderOnChangeCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        let dayPerVizSec: any;
+        let elapsedTime: any;
+        let speeds: any;
+        let sliderOnChangeCallback: any;
     }
 }

package/dist/widgets/OrbitalSim/Controls/PlaybackSpeed.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsxs as l, Fragment as S, jsx as r } from "react/jsx-runtime";
+import { useMemo as C } from "react";
+import m from "../../../node_modules/prop-types/index.js";
+import { useTranslation as E } from "react-i18next";
+import { formatValue as d } from "../orbitalUtilities.js";
+import j from "@rubin-epo/epo-react-lib/HorizontalSlider";
+import { PlaybackSpeedSliderHeader as x, PlaybackSpeedTitle as P, PlaybackSpeedSliderLabel as D, PlaybackSpeedSliderLabelTopBottom as h, PlaybackSpeedSliderWrapper as M, ElapsedTimeContainer as W, ElapsedTimeTitle as w, ElapsedTimeInner as Y, ElapsedTimeBlock as v, ElapsedVal as k, ElapsedTimeDivider as $, ElapsedLabel as L } from "./styles.js";
+function q({
+  dayPerVizSec: u,
+  elapsedTime: b,
+  sliderOnChangeCallback: _,
+  speeds: p
+}) {
+  const { t: e } = E();
+  function T(c) {
+    const o = c / 365, a = Math.floor(o), n = 365 * (o - a);
+    let t = {}, i = {};
+    return t = {
+      number: d(a),
+      string: e("elapsed_time.interval.year", { count: a })
+    }, i = {
+      number: d(n),
+      string: e("elapsed_time.interval.day", { count: n })
+    }, a >= 1 ? `${t.number} ${t.string}` : n < 1 ? e("orbit_viewer.playback.interval.secWithCount", { count: 1 }) : `${i.number} ${i.string}`;
+  }
+  function s(c, o) {
+    const a = b < 0, n = Math.abs(b) / 365.256, t = Math.floor(n), i = Math.floor(365.256 * (n - t));
+    let y = {}, f = {};
+    return y = {
+      number: d(a ? -t : t),
+      string: e("elapsed_time.interval.year", { count: t })
+    }, f = {
+      number: d(a ? -i : i),
+      string: e("elapsed_time.interval.day", { count: i })
+    }, c === "days" ? f[o] : c === "years" ? y[o] : null;
+  }
+  const g = C(() => T(u), [u]);
+  return /* @__PURE__ */ l(S, { children: [
+    /* @__PURE__ */ l(x, { children: [
+      /* @__PURE__ */ r(P, { children: e("orbital_sim.playback.time_step") }),
+      /* @__PURE__ */ r(D, { children: e("orbital_sim.playback.time_equivalence", {
+        firstTime: e("orbit_viewer.playback.interval.secWithCount", {
+          count: 1
+        }),
+        secondTime: g
+      }) })
+    ] }),
+    /* @__PURE__ */ r(h, { children: e("orbital_sim.playback.time_equivalence", {
+      firstTime: e("orbit_viewer.playback.interval.secWithCount", {
+        count: 1
+      }),
+      secondTime: e("orbit_viewer.playback.interval.yearWithCount", {
+        count: 1
+      }),
+      context: "verbose"
+    }) }),
+    /* @__PURE__ */ r(h, { children: e("orbital_sim.playback.normal_time") }),
+    /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+      j,
+      {
+        isVertical: !0,
+        min: p.min,
+        invert: !0,
+        max: p.max,
+        step: p.step,
+        value: u,
+        onChangeCallback: _
+      }
+    ) }),
+    /* @__PURE__ */ l(W, { children: [
+      /* @__PURE__ */ r(w, { children: e("elapsed_time.title") }),
+      /* @__PURE__ */ l(Y, { children: [
+        /* @__PURE__ */ l(v, { children: [
+          /* @__PURE__ */ r(k, { children: s("years", "number") }),
+          /* @__PURE__ */ r("div", { children: s("years", "string") })
+        ] }),
+        /* @__PURE__ */ r($, {}),
+        /* @__PURE__ */ l(v, { children: [
+          /* @__PURE__ */ r(k, { children: s("days", "number") }),
+          /* @__PURE__ */ r(L, { children: s("days", "string") })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+q.propTypes = {
+  dayPerVizSec: m.number,
+  elapsedTime: m.number,
+  speeds: m.object,
+  sliderOnChangeCallback: m.func
+};
+export {
+  q as default
+};