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

package/dist/widgets/SourceSelector/Message/Message.js

@@ -1,22 +1,21 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { useEffect as f } from "react";
 import { Message as u } from "./styles.js";
-const r = ({
+const a = ({
   children: t,
   isVisible: e = !1,
-  onMessageChangeCallback: s,
-  forIds: o
+  onMessageChangeCallback: r,
+  forIds: s
 }) => (f(() => {
   if (e) {
-    const m = setTimeout(() => {
-      s && s();
+    const o = setTimeout(() => {
+      r && r();
     }, 1800);
-    return () => clearTimeout(m);
+    return () => clearTimeout(o);
   }
-}, [t, e]), /* @__PURE__ */ a(u, { forIds: o, $isOpen: e, children: t }));
-r.displayName = "Widgets.SourceSelector.Message";
-const i = r;
+}, [t, e]), /* @__PURE__ */ m(u, { forIds: s, $isOpen: e, children: t }));
+a.displayName = "Widgets.SourceSelector.Message";
 export {
-  i as default
+  a as default
 };

package/dist/widgets/SourceSelector/Message/styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const Message: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('@rubin-epo/epo-react-lib/Toast').ToastProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 }, {
     $isOpen: boolean;
 }>> & string & Omit<import('react').FunctionComponent<import('react').PropsWithChildren<import('@rubin-epo/epo-react-lib/Toast').ToastProps>>, keyof import('react').Component<any, {}, any>>;

package/dist/widgets/SourceSelector/SelectionList/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),s=require("./styles.cjs"),a=require("../../../atomic/Button/patterns/Reset.cjs"),n=({className:l,onRemoveCallback:c,sources:t=[]})=>{const{t:r}=u.useTranslation();return e.jsxs(s.SelectionWrapper,{children:[t.length>0&&e.jsx(s.SelectionList,{className:l,children:t.map(({type:o,id:i})=>e.jsxs(s.DescriptionWrapper,{children:[e.jsx("dt",{children:r("source_selector.selected_source",{type:r(`source_selector.sources.${o}`)})}),e.jsx("dd",{children:i})]},i))}),e.jsx(a.default,{isDisabled:t.length<1,onResetCallback:c})]})};n.displayName="Widgets.SelectionList";const d=n;exports.default=d;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),s=require("./styles.cjs"),a=require("../../../atomic/Button/patterns/Reset.cjs"),l=({className:n,onRemoveCallback:c,sources:t=[]})=>{const{t:r}=u.useTranslation();return e.jsxs(s.SelectionWrapper,{children:[t.length>0&&e.jsx(s.SelectionList,{className:n,children:t.map(({type:o,id:i})=>e.jsxs(s.DescriptionWrapper,{children:[e.jsx("dt",{children:r("source_selector.selected_source",{type:r(`source_selector.sources.${o}`)})}),e.jsx("dd",{children:i})]},i))}),e.jsx(a.default,{isDisabled:t.length<1,onResetCallback:c})]})};l.displayName="Widgets.SelectionList";exports.default=l;

package/dist/widgets/SourceSelector/SelectionList/index.js

@@ -1,23 +1,23 @@
 "use client";
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
-import { SelectionWrapper as p, SelectionList as d, DescriptionWrapper as m } from "./styles.js";
-import u from "../../../atomic/Button/patterns/Reset.js";
-const o = ({
-  className: n,
+import { useTranslation as c } from "react-i18next";
+import { SelectionWrapper as a, SelectionList as p, DescriptionWrapper as d } from "./styles.js";
+import m from "../../../atomic/Button/patterns/Reset.js";
+const u = ({
+  className: o,
   onRemoveCallback: l,
   sources: t = []
 }) => {
-  const { t: r } = a();
-  return /* @__PURE__ */ s(p, { children: [
-    t.length > 0 && /* @__PURE__ */ e(d, { className: n, children: t.map(({ type: c, id: i }) => /* @__PURE__ */ s(m, { children: [
+  const { t: r } = c();
+  return /* @__PURE__ */ s(a, { children: [
+    t.length > 0 && /* @__PURE__ */ e(p, { className: o, children: t.map(({ type: n, id: i }) => /* @__PURE__ */ s(d, { children: [
       /* @__PURE__ */ e("dt", { children: r("source_selector.selected_source", {
-        type: r(`source_selector.sources.${c}`)
+        type: r(`source_selector.sources.${n}`)
       }) }),
       /* @__PURE__ */ e("dd", { children: i })
     ] }, i)) }),
     /* @__PURE__ */ e(
-      u,
+      m,
       {
         isDisabled: t.length < 1,
         onResetCallback: l
@@ -25,8 +25,7 @@ const o = ({
     )
   ] });
 };
-o.displayName = "Widgets.SelectionList";
-const g = o;
+u.displayName = "Widgets.SelectionList";
 export {
-  g as default
+  u as default
 };

package/dist/widgets/SourceSelector/SelectionList/styles.d.ts

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

package/dist/widgets/SourceSelector/SourceMap/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const SVG: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never>> & string;
 export declare const Point: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGCircleElement>, never>> & string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const BackgroundBlinker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../atomic/Blinker/Blinker').BlinkerProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 }, never>> & string & Omit<import('react').FunctionComponent<import('react').PropsWithChildren<import('../../atomic/Blinker/Blinker').BlinkerProps>>, keyof import('react').Component<any, {}, any>>;

package/dist/widgets/SupernovaThreeVector/Histogram/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const YLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGTextElementAttributes<SVGTextElement>, never>> & string;

package/dist/widgets/SupernovaThreeVector/Skymap/index.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"),_=require("d3-geo-projection"),M=require("d3-geo"),q=require("d3-array"),E=require("../../../atomic/ImageStack/index.cjs"),a=require("./styles.cjs"),N=require("../../../charts/Base/index.cjs"),U=require("../../../charts/Tooltip/index.cjs"),y=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,P]=S.useState(!1),[x,f]=S.useState(),l=600,c=300,n={top:20,right:0,bottom:20,left:20},W=l+n.right+n.left,$=c+n.top+n.bottom,d=15,u=30,j=-90,m=90,g=-180,k=180,h=2,i=_.geoAitoff(),s=M.geoGraticule();s.step([u,d]),s.extent([[g,j],[k,m]]),i.fitExtent([[n.left,n.top],[n.left+l-h,n.top+c]],s.outline());const B=q.range(j+d,m,d),A=q.range(g+u,k,u),C=M.geoPath(i).pointRadius(6),r=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,b=(o?i([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(N.default,{width:W,height:$,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:r(s.outline()),fill:"white"})}),e.jsx(a.Background,{d:r(s.outline())}),e.jsx(a.Graticule,{d:r(s())}),e.jsx(a.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:n.left,y:n.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(E.default,{images:v,describedById:G,visible:w,loadCallback:()=>P(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(a.UserObject,{d:r({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:B.map(t=>t===0?null:e.jsxs(a.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${i([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(a.LongLabel,{transform:`translate(${i([t,0])})`,children:[t,"°"]},t))}),e.jsx(a.Outline,{strokeWidth:h,d:r(s.outline())}),e.jsx(U.default,{visible:!!o,x:b[0],y:b[1],children:o==null?void 0:o.id})]})};y.displayName="Widgets.SupernovaThreeVector.Skymap";exports.default=y;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("react"),_=require("d3-geo-projection"),S=require("d3-geo"),M=require("d3-array"),E=require("../../../charts/Base/index.cjs");require("../../../charts/XAxis/index.cjs");require("../../../charts/YAxis/index.cjs");require("../../../charts/Guidelines/index.cjs");const N=require("../../../charts/Tooltip/index.cjs");require("../../../charts/Bars/index.cjs");require("../../../charts/Viewport/index.cjs");require("../../../charts/ScatterPlot/index.cjs");const U=require("../../../atomic/ImageStack/index.cjs"),r=require("./styles.cjs"),y=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,P]=b.useState(!1),[x,f]=b.useState(),l=600,c=300,n={top:20,right:0,bottom:20,left:20},W=l+n.right+n.left,$=c+n.top+n.bottom,d=15,u=30,j=-90,m=90,g=-180,q=180,h=2,i=_.geoAitoff(),s=S.geoGraticule();s.step([u,d]),s.extent([[g,j],[q,m]]),i.fitExtent([[n.left,n.top],[n.left+l-h,n.top+c]],s.outline());const B=M.range(j+d,m,d),A=M.range(g+u,q,u),C=S.geoPath(i).pointRadius(6),a=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,k=(o?i([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(E.default,{width:W,height:$,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:a(s.outline()),fill:"white"})}),e.jsx(r.Background,{d:a(s.outline())}),e.jsx(r.Graticule,{d:a(s())}),e.jsx(r.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:n.left,y:n.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(U.default,{images:v,describedById:G,visible:w,loadCallback:()=>P(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(r.UserObject,{d:a({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:B.map(t=>t===0?null:e.jsxs(r.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${i([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(r.LongLabel,{transform:`translate(${i([t,0])})`,children:[t,"°"]},t))}),e.jsx(r.Outline,{strokeWidth:h,d:a(s.outline())}),e.jsx(N.default,{visible:!!o,x:k[0],y:k[1],children:o==null?void 0:o.id})]})};y.displayName="Widgets.SupernovaThreeVector.Skymap";exports.default=y;

package/dist/widgets/SupernovaThreeVector/Skymap/index.js

@@ -1,13 +1,19 @@
 "use client";
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import { useState as L } from "react";
 import { geoAitoff as E } from "d3-geo-projection";
 import { geoGraticule as N, geoPath as R } from "d3-geo";
 import { range as M } from "d3-array";
-import U from "../../../atomic/ImageStack/index.js";
-import { Background as V, Graticule as q, ImageStackerWrapper as z, UserObject as D, LatLabel as F, LongLabel as J, Outline as K } from "./styles.js";
-import Q from "../../../charts/Base/index.js";
-import X from "../../../charts/Tooltip/index.js";
+import U from "../../../charts/Base/index.js";
+import "../../../charts/XAxis/index.js";
+import "../../../charts/YAxis/index.js";
+import "../../../charts/Guidelines/index.js";
+import V from "../../../charts/Tooltip/index.js";
+import "../../../charts/Bars/index.js";
+import "../../../charts/Viewport/index.js";
+import "../../../charts/ScatterPlot/index.js";
+import q from "../../../atomic/ImageStack/index.js";
+import { Background as z, Graticule as D, ImageStackerWrapper as F, UserObject as J, LatLabel as K, LongLabel as Q, Outline as X } from "./styles.js";
 const Y = ({
   className: y,
   objects: g = [],
@@ -15,38 +21,38 @@ const Y = ({
   visibleImages: w = [],
   describedById: B
 }) => {
-  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, a = {
+  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, i = {
     top: 20,
     right: 0,
     bottom: 20,
     left: 20
-  }, j = s + a.right + a.left, C = l + a.top + a.bottom, c = 15, d = 30, k = -90, x = 90, p = -180, b = 180, m = 2, i = E(), n = N();
-  n.step([d, c]), n.extent([
+  }, j = s + i.right + i.left, C = l + i.top + i.bottom, c = 15, d = 30, k = -90, x = 90, p = -180, b = 180, m = 2, a = E(), r = N();
+  r.step([d, c]), r.extent([
     [p, k],
     [b, x]
-  ]), i.fitExtent(
+  ]), a.fitExtent(
     [
-      [a.left, a.top],
-      [a.left + s - m, a.top + l]
+      [i.left, i.top],
+      [i.left + s - m, i.top + l]
     ],
-    n.outline()
+    r.outline()
   );
-  const G = M(k + c, x, c), H = M(p + d, b, d), P = R(i).pointRadius(6), r = (t) => P(t) || void 0, o = typeof f < "u" ? g[f] : void 0, S = (o ? i([o == null ? void 0 : o.long, o == null ? void 0 : o.lat]) : [0, 0]) || [0, 0];
-  return /* @__PURE__ */ h(Q, { width: j, height: C, className: y, children: [
-    /* @__PURE__ */ e("mask", { id: "imageMask", children: /* @__PURE__ */ e("path", { d: r(n.outline()), fill: "white" }) }),
-    /* @__PURE__ */ e(V, { d: r(n.outline()) }),
-    /* @__PURE__ */ e(q, { d: r(n()) }),
-    /* @__PURE__ */ e(
-      z,
+  const G = M(k + c, x, c), H = M(p + d, b, d), P = R(a).pointRadius(6), n = (t) => P(t) || void 0, e = typeof f < "u" ? g[f] : void 0, S = (e ? a([e == null ? void 0 : e.long, e == null ? void 0 : e.lat]) : [0, 0]) || [0, 0];
+  return /* @__PURE__ */ h(U, { width: j, height: C, className: y, children: [
+    /* @__PURE__ */ o("mask", { id: "imageMask", children: /* @__PURE__ */ o("path", { d: n(r.outline()), fill: "white" }) }),
+    /* @__PURE__ */ o(z, { d: n(r.outline()) }),
+    /* @__PURE__ */ o(D, { d: n(r()) }),
+    /* @__PURE__ */ o(
+      F,
       {
         style: { "--image-stack-opacity": O && 1 },
-        x: a.left,
-        y: a.top,
+        x: i.left,
+        y: i.top,
         width: s - m,
         height: l,
         mask: "url(#imageMask)",
-        children: /* @__PURE__ */ e(
-          U,
+        children: /* @__PURE__ */ o(
+          q,
           {
             images: v,
             describedById: B,
@@ -58,10 +64,10 @@ const Y = ({
         )
       }
     ),
-    /* @__PURE__ */ e("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ e(
-      D,
+    /* @__PURE__ */ o("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ o(
+      J,
       {
-        d: r({
+        d: n({
           type: "Point",
           coordinates: [$, T]
         }),
@@ -70,14 +76,14 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: G.map(
+    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: G.map(
       (t) => t === 0 ? null : /* @__PURE__ */ h(
-        F,
+        K,
         {
           style: {
             dominantBaseline: t > 0 ? "text-after-edge" : "text-before-edge"
           },
-          transform: `translate(${i([p, t])})`,
+          transform: `translate(${a([p, t])})`,
           children: [
             t,
             "°"
@@ -86,10 +92,10 @@ const Y = ({
         t
       )
     ) }),
-    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
-      J,
+    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
+      Q,
       {
-        transform: `translate(${i([t, 0])})`,
+        transform: `translate(${a([t, 0])})`,
         children: [
           t,
           "°"
@@ -97,20 +103,20 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ e(
-      K,
+    /* @__PURE__ */ o(
+      X,
       {
         strokeWidth: m,
-        d: r(n.outline())
+        d: n(r.outline())
       }
     ),
-    /* @__PURE__ */ e(
-      X,
+    /* @__PURE__ */ o(
+      V,
       {
-        visible: !!o,
+        visible: !!e,
         x: S[0],
         y: S[1],
-        children: o == null ? void 0 : o.id
+        children: e == null ? void 0 : e.id
       }
     )
   ] });

package/dist/widgets/SupernovaThreeVector/Skymap/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Background: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;
 export declare const Graticule: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;
 export declare const Outline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ThreeVectorLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const HistogramContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Histogram: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./Histogram').DistanceHistogramProps, never>> & string & Omit<import('react').FunctionComponent<import('./Histogram').DistanceHistogramProps>, keyof import('react').Component<any, {}, any>>;

package/dist/widgets/ViewIndicator/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 SVG: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never>> & string;
 export declare const NorthDirection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "1.3.0",
+  "version": "2.0.1",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -28,13 +28,15 @@
     "test": "jest --max-workers=2",
     "test:generate-output": "yarn test --json --outputFile=.jest-test-results.json || true",
     "prepublishOnly": "yarn build",
-    "release": "semantic-release -e semantic-release-monorepo --debug"
+    "release-old": "semantic-release -e semantic-release-monorepo --debug"
   },
   "files": [
     "README.md",
     "dist"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     "./*": {
       "import": "./dist/*.js",
@@ -66,8 +68,8 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/d3-array": "^3.2.1",
     "@types/d3-geo": "^3.1.0",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3`",
     "@vitejs/plugin-react": "^4",
     "babel-loader": "^8.3.0",
     "eslint-plugin-storybook": "^0.11.4",
@@ -78,8 +80,8 @@
     "jest": "^29.4.2",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^29.4.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "react-i18next": "13",
     "rollup-plugin-banner2": "^1.2.2",
     "semantic-release": "^24.1.0",
@@ -93,14 +95,14 @@
   "peerDependencies": {
     "i18next": "^22.0.0 || ^23.0.0",
     "next": "^13.0.0 || ^14.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-i18next": "^12.0.0 || ^13.0.0"
   },
   "dependencies": {
     "@react-three/drei": "^10.7.6",
-    "@react-three/fiber": "8",
-    "@rubin-epo/epo-react-lib": "^2.10.1",
+    "@react-three/fiber": "9",
+    "@rubin-epo/epo-react-lib": "3.0.1",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
     "d3-geo": "^3.1.1",
@@ -113,8 +115,8 @@
     "use-resize-observer": "^9.1.0"
   },
   "resolutions": {
-    "semver": "7.3.2",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.1"
+    "semver": "7.6.3",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3"
   }
 }

package/dist/widgets/OrbitalSim/Camera.cjs

@@ -1 +0,0 @@
-"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/CameraController.cjs

@@ -1 +0,0 @@
-"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/Controls/PlaybackControls.module.css.cjs

@@ -1 +0,0 @@
-"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,7 +0,0 @@
-const o = "_playbackControlsContainer_1m020_1", a = {
-  playbackControlsContainer: o
-};
-export {
-  a as default,
-  o as playbackControlsContainer
-};

package/dist/widgets/OrbitalSim/Observation.cjs

@@ -1 +0,0 @@
-"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/Observations.cjs

@@ -1 +0,0 @@
-"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/Orbital.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("../../node_modules/prop-types/index.cjs"),fe=require("three"),xe=require("@react-three/fiber"),h=require("@react-three/drei"),t=require("./orbitalUtilities.cjs"),g=require("./OrbitalSim.module.css.cjs"),pe=require("./chartColors.module.css.cjs"),je=require("./Context/index.cjs"),ye=require("react-i18next");function be(i){if(i&&i.__esModule)return i;const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const j=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(f,a,j.get?j:{enumerable:!0,get:()=>i[a]})}}return f.default=i,Object.freeze(f)}const M=be(fe),_=({data:i,selectionCallback:f,active:a,playing:j,dayPerVizSec:F,stepDirection:I,frameOverride:L,orbitColor:G,objectColor:R,objectRadius:k,initialized:w,initCallback:C,devMode:D,zoomMod:Z,defaultZoom:U,type:K,noLabels:Y,reset:A})=>{const{t:$}=ye.useTranslation(),{orbits:J}=je.useOrbitalSimContext(),{activeVelocityCallback:Q}=J,W=r.useRef(),{a:z,e:X,i:ee,M:te,Node:B,Peri:V,Principal_desig:oe,Translated_desig_key:q,name:se}=i||{},[re]=r.useState(()=>[0,t.degsToRads(ee),B?t.degsToRads(B):0]),[n]=r.useState(()=>t.auToUnit(z)),[y]=r.useState(()=>t.getMinorAxis(z,X)),[ie]=r.useState(()=>t.getFocus(n,y)),[s]=r.useState(new M.Vector3(ie,0,0)),[d]=r.useState(new M.Vector3(0,0,0)),[ae,ne]=r.useState(!1),[u]=r.useState(()=>t.getCurve(n,y,s.x,s.y)),[le]=r.useState(()=>t.getLineGeometry(u.getPoints(360))),b=t.getPosFromArcLength(0,u),[x,v]=r.useState({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(d),n),period:0});r.useEffect(()=>{A>0&&v({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(d),n),period:0})},[A]);function ce(m){let l=0,c=t.getPosFromArcLength(l,u);if(m){const S=m>180,O=S?m-180:m;let p=t.getAngleFromPos(c,d);for(;p<O;)l+=.01,c=t.getPosFromArcLength(l,u),p=t.getAngleFromPos(c,d);S&&(l+=.5,c=t.getPosFromArcLength(l,u))}return C?C():ne(!0),{position:c,rotation:[0,0,0],progress:l,velocity:t.getVelocity(c.distanceTo(d),n),period:0}}function H(m,P){const{progress:l,position:c,velocity:S,period:O}=x,p=m?0:P*(F||t.DAY_PER_VIZ_SEC),de=S*p*I,T=l+de/u.getLength(),E=T>1?1-T:T,{x:ue,y:me}=u.getPoint(E),he=new M.Vector3(ue,me,0),ge=t.getVelocity(c.distanceTo(d),n);let N=p+O;T>1&&(N=0),v({...x,position:he,progress:E,velocity:ge,period:N})}return r.useEffect(()=>{v(ce(te||Math.floor(Math.random()*Math.floor(180))))},[]),r.useEffect(()=>{L&&H(!1,1/60)},[L]),r.useEffect(()=>{a&&Q(t.auToMeters(t.unitToAu(x.velocity/1e5)))},[x]),xe.useFrame((m,P)=>{(w||ae)&&H(!j,P)}),e.jsx("group",{rotation:re,children:e.jsxs("group",{rotation:[0,0,V?t.degsToRads(V+90):0],children:[e.jsx("line",{ref:W,geometry:le,children:e.jsx("lineBasicMaterial",{attach:"material",color:a?t.ORBITAL_COLORS.asteroid.orbitHighlight:G||t.ORBITAL_COLORS.asteroid.orbitColor})}),e.jsxs("mesh",{position:x.position,onClick:()=>f(i,"neo"),children:[(K==="planet"||!Y||a)&&e.jsx(h.Html,{children:e.jsx("button",{type:"button",className:g.default.label,style:{fontSize:t.getLabelSize(Z,U)},onClick:()=>f(i,"neo"),children:q?$(q):se||oe})}),e.jsx("sphereGeometry",{attach:"geometry",args:[k||4,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:a?t.ORBITAL_COLORS.asteroid.objectHighlight:R||t.ORBITAL_COLORS.asteroid.objectColor})]}),D&&e.jsxs(e.Fragment,{children:[e.jsxs("mesh",{position:s,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:pe.default.chart1}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"center"})})]}),e.jsxs("mesh",{position:d,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:R||"blue"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"sun"})})]}),e.jsxs("mesh",{position:[s.x,-y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[s.x,y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"major axis vertex"})})]}),e.jsxs("mesh",{position:[-n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"major axis vertex"})})]})]})]})})};_.defaultProps={type:"object"};_.propTypes={data:o.default.object,selectionCallback:o.default.func,active:o.default.bool,playing:o.default.bool,dayPerVizSec:o.default.number,stepDirection:o.default.number,frameOverride:o.default.number,orbitColor:o.default.string,objectColor:o.default.string,objectRadius:o.default.number,initCallback:o.default.func,initialized:o.default.bool,devMode:o.default.bool,activeVelocityCallback:o.default.func,zoomMod:o.default.number,defaultZoom:o.default.number,type:o.default.string,noLabels:o.default.bool,reset:o.default.number};exports.default=_;

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

@@ -1,49 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-export default Orbital;
-declare function Orbital({ data, selectionCallback, active, playing, dayPerVizSec, stepDirection, frameOverride, orbitColor, objectColor, objectRadius, initialized, initCallback, devMode, zoomMod, defaultZoom, type, noLabels, reset }: {
-    data: any;
-    selectionCallback: any;
-    active: any;
-    playing: any;
-    dayPerVizSec: any;
-    stepDirection: any;
-    frameOverride: any;
-    orbitColor: any;
-    objectColor: any;
-    objectRadius: any;
-    initialized: any;
-    initCallback: any;
-    devMode: any;
-    zoomMod: any;
-    defaultZoom: any;
-    type: any;
-    noLabels: any;
-    reset: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Orbital {
-    namespace defaultProps {
-        let type: string;
-    }
-    namespace propTypes {
-        export let data: PropTypes.Requireable<object>;
-        export let selectionCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        export let active: PropTypes.Requireable<boolean>;
-        export let playing: PropTypes.Requireable<boolean>;
-        export let dayPerVizSec: PropTypes.Requireable<number>;
-        export let stepDirection: PropTypes.Requireable<number>;
-        export let frameOverride: PropTypes.Requireable<number>;
-        export let orbitColor: PropTypes.Requireable<string>;
-        export let objectColor: PropTypes.Requireable<string>;
-        export let objectRadius: PropTypes.Requireable<number>;
-        export let initCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        export let initialized: PropTypes.Requireable<boolean>;
-        export let devMode: PropTypes.Requireable<boolean>;
-        export let activeVelocityCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        export let zoomMod: PropTypes.Requireable<number>;
-        export let defaultZoom: PropTypes.Requireable<number>;
-        let type_1: PropTypes.Requireable<string>;
-        export { type_1 as type };
-        export let noLabels: PropTypes.Requireable<boolean>;
-        export let reset: PropTypes.Requireable<number>;
-    }
-}