@rubin-epo/epo-widget-lib 2.0.3 → 2.0.5

package/dist/widgets/OrbitalSim/orbitalUtilities.js

@@ -1,5 +1,5 @@
-import * as i from "three";
-const c = 100, g = 1, s = {
+import * as s from "three";
+const l = 100, m = 1, t = {
   sun: {
     objectColor: "#f8da86"
   },
@@ -24,8 +24,46 @@ const c = 100, g = 1, s = {
     orbitColor: "#6a6e6e",
     objectHighlight: "#00ffff",
     orbitHighlight: "#ffffff"
+  },
+  neos: {
+    objectColor: "#0ff",
+    orbitColor: "#b2ffff"
   }
-}, b = {
+}, u = {
+  a: 1.4700451,
+  e: 0.5598234,
+  i: 6.35515,
+  H: 16.25,
+  Ref: "Apollo",
+  name: "Apollo",
+  Principal_desig: "1932 HA",
+  Translated_desig_key: "neo.apollo",
+  orbitColor: t.neos.orbitColor,
+  objectColor: t.neos.objectColor,
+  objectRadius: 5
+}, C = {
+  a: 0.740919,
+  e: 0.3221221,
+  i: 25.62023,
+  H: 16.3,
+  Ref: "Atira",
+  Principal_desig: "2003 CP20",
+  Translated_desig_key: "neo.atira",
+  orbitColor: t.neos.orbitColor,
+  objectColor: t.neos.objectColor,
+  objectRadius: 5
+}, d = {
+  a: 1.9194158,
+  e: 0.4353207,
+  i: 11.87658,
+  H: 17.7,
+  Ref: "Amor",
+  Principal_desig: "1932 EA1",
+  Translated_desig_key: "neo.amor",
+  orbitColor: t.neos.orbitColor,
+  objectColor: t.neos.objectColor,
+  objectRadius: 5
+}, f = {
   a: 1,
   e: 0.01671022,
   i: 0,
@@ -33,9 +71,8 @@ const c = 100, g = 1, s = {
   Ref: "Earth",
   Principal_desig: "Earth",
   Translated_desig_key: "planets.earth",
-  orbitColor: s.earth.orbitColor,
-  objectColor: s.earth.objectColor,
-  // objectRadius: 6371000,
+  orbitColor: t.earth.orbitColor,
+  objectColor: t.earth.objectColor,
   objectRadius: 5
 }, p = {
   a: 1.52366231,
@@ -45,10 +82,10 @@ const c = 100, g = 1, s = {
   Ref: "Mars",
   Principal_desig: "Mars",
   Translated_desig_key: "planets.mars",
-  orbitColor: s.mars.orbitColor,
-  objectColor: s.mars.objectColor,
+  orbitColor: t.mars.orbitColor,
+  objectColor: t.mars.objectColor,
   objectRadius: 4
-}, f = {
+}, g = {
   a: 5.2028,
   e: 0.048,
   i: 1.31,
@@ -56,11 +93,11 @@ const c = 100, g = 1, s = {
   Ref: "Jupiter",
   Principal_desig: "Jupiter",
   Translated_desig_key: "planets.jupiter",
-  orbitColor: s.jupiter.orbitColor,
-  objectColor: s.jupiter.objectColor,
+  orbitColor: t.jupiter.orbitColor,
+  objectColor: t.jupiter.objectColor,
   // objectRadius: 69911000,
   objectRadius: 7
-}, C = {
+}, j = {
   a: 30.06896348,
   e: 858587e-8,
   i: 1.76917,
@@ -68,25 +105,28 @@ const c = 100, g = 1, s = {
   Ref: "Neptune",
   Principal_desig: "Neptune",
   Translated_desig_key: "planets.neptune",
-  orbitColor: s.neptune.orbitColor,
-  objectColor: s.neptune.objectColor,
+  orbitColor: t.neptune.orbitColor,
+  objectColor: t.neptune.objectColor,
   // objectRadius: 24622000,
   objectRadius: 6
-}, j = (e) => ({
-  neptune: C,
-  earth: b,
+}, R = (o) => ({
+  neptune: j,
+  earth: f,
   mars: p,
-  jupiter: f
-})[e] || null, m = function(e, t) {
-  return Number.parseFloat(Number.parseFloat(e).toFixed(t));
-}, h = (e, t, o = 0, r = 0) => new i.EllipseCurve(
-  o,
-  // aX
+  jupiter: g,
+  atira: C,
+  apollo: u,
+  amor: d
+})[o] || null, A = function(o, e) {
+  return Number.parseFloat(Number.parseFloat(o).toFixed(e));
+}, h = (o, e, r = 0, n = 0) => new s.EllipseCurve(
   r,
+  // aX
+  n,
   // aY
-  e,
+  o,
   // xRadius
-  t,
+  e,
   // yRadius
   0,
   // aStartAngle
@@ -96,42 +136,45 @@ const c = 100, g = 1, s = {
   // aClockwise
   0
   // aRotation
-), _ = (e) => new i.BufferGeometry().setFromPoints(e), R = (e, t) => {
-  const o = e.distanceTo(t), { x: r, y: n } = e;
-  return Math.acos((o ** 2 + r ** 2 - n ** 2) / (2 * o * r)) * 180 / Math.PI;
-}, A = (e, t) => {
-  const { x: o, y: r } = t.getPoint(e);
-  return new i.Vector3(o, r, 0);
-}, d = (e) => e * c, x = (e) => e / c, y = (e, t) => d(e * Math.sqrt(1 - t ** 2)), P = (e) => 1496e8 * e, a = (e) => e * (Math.PI / 180), T = (e, t) => {
-  const o = 296005155e-12 * c ** 3;
-  return Math.sqrt(o * (2 / e - 1 / t));
-}, M = (e, t) => Math.sqrt(e ** 2 - t ** 2), S = (e, t) => {
-  const { i: o, Peri: r, Node: n } = t, l = new i.Vector3(0, 1, 0), u = new i.Vector3(0, 0, 1);
-  return new i.Vector3(e.x, e.y, 0).applyAxisAngle(u, r ? a(r + 90) : 0).applyAxisAngle(l, a(o)).applyAxisAngle(
-    u,
-    n ? a(n) : 0
+), P = (o) => new s.BufferGeometry().setFromPoints(o), y = (o, e) => {
+  const r = o.distanceTo(e), { x: n, y: i } = o;
+  return Math.acos((r ** 2 + n ** 2 - i ** 2) / (2 * r * n)) * 180 / Math.PI;
+}, T = (o, e) => {
+  const { x: r, y: n } = e.getPoint(o);
+  return new s.Vector3(r, n, 0);
+}, _ = (o) => o * l, x = (o) => o / l, M = (o, e) => _(o * Math.sqrt(1 - e ** 2)), S = (o) => 1496e8 * o, a = (o) => o * (Math.PI / 180), z = (o, e) => {
+  const r = 296005155e-12 * l ** 3;
+  return Math.sqrt(r * (2 / o - 1 / e));
+}, H = (o, e) => Math.sqrt(o ** 2 - e ** 2), E = (o, e) => {
+  const { i: r, Peri: n, Node: i } = e, c = new s.Vector3(0, 1, 0), b = new s.Vector3(0, 0, 1);
+  return new s.Vector3(o.x, o.y, 0).applyAxisAngle(b, n ? a(n + 90) : 0).applyAxisAngle(c, a(r)).applyAxisAngle(
+    b,
+    i ? a(i) : 0
   );
-}, z = (e, t) => {
-  const n = 15 * (e / t);
-  return n <= 4 ? 4 : n >= 15 ? 15 : n;
+}, V = (o, e) => {
+  const i = 15 * (o / e);
+  return i <= 4 ? 4 : i >= 15 ? 15 : i;
 };
 export {
-  c as AU_TO_VIZ_SCALER,
-  g as DAY_PER_VIZ_SEC,
-  s as ORBITAL_COLORS,
-  P as auToMeters,
-  d as auToUnit,
-  S as convert2dTo3d,
+  l as AU_TO_VIZ_SCALER,
+  m as DAY_PER_VIZ_SEC,
+  t as ORBITAL_COLORS,
+  d as amor,
+  u as apollo,
+  C as atira,
+  S as auToMeters,
+  _ as auToUnit,
+  E as convert2dTo3d,
   a as degsToRads,
-  m as formatValue,
-  R as getAngleFromPos,
+  A as formatValue,
+  y as getAngleFromPos,
   h as getCurve,
-  M as getFocus,
-  z as getLabelSize,
-  _ as getLineGeometry,
-  y as getMinorAxis,
-  A as getPosFromArcLength,
-  j as getRefObjProps,
-  T as getVelocity,
+  H as getFocus,
+  V as getLabelSize,
+  P as getLineGeometry,
+  M as getMinorAxis,
+  T as getPosFromArcLength,
+  R as getRefObjProps,
+  z as getVelocity,
   x as unitToAu
 };

package/dist/widgets/OrbitalSim/styles.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),r=require("@react-three/fiber"),i=e=>e&&e.__esModule?e:{default:e},a=i(t),o=t.createGlobalStyle`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),r=require("@react-three/fiber"),i=t=>t&&t.__esModule?t:{default:t},e=i(a),o=a.createGlobalStyle`
   :root {
     --white: #ffffff;
     --black: #000000;
@@ -32,16 +32,16 @@
     --headingWithSpaceHeight: 90px;
     --tallestSquareWidget: calc(100vh - var(--pageNavHeight) - var(--siteHeaderHeight) - var(--headingWithSpaceHeight) - var(--minPadding));
   }
-`,l=a.default.div`
+`,l=e.default.div`
     position: relative;
     height: var(--tallestSquareWidget);
     min-height: 500px;
     background-color: #000000;
     color-adjust: exact;
-`,n=a.default(r.Canvas)`
+`,n=e.default(r.Canvas)`
     position: relative;
     z-index: 1;
-`,s=a.default.div`
+`,d=e.default.div`
   padding: 2px 4px;
   margin-top: 4px;
   font-weight: var(--medium);
@@ -52,4 +52,32 @@
   color-adjust: exact;
   z-index: 10000;
   height: fit-content;
-`;exports.CanvasWrapper=n;exports.GlobalStyles=o;exports.OrbitalSimWrapper=l;exports.SunLabel=s;
+`,s=e.default.aside`
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  z-index: 10;
+  background-color: #fff;
+  width: 10%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+`,p=e.default.button`
+  width: 100%;
+  padding: 12px 16px;
+  text-align: left;
+  background-color: #F3F3F3;
+  color: #017F80;
+  text-align: center;
+
+  &:hover {
+    background-color: #017F80;
+    color: #fff;
+  }
+
+  &[data-active="true"] {
+    background-color: #017F80;
+    color: #fff;
+  }
+`;exports.CanvasWrapper=n;exports.GlobalStyles=o;exports.OrbitalSimWrapper=l;exports.SunLabel=d;exports.SwappableOrbitButton=p;exports.SwappableOrbitsContainer=s;

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

@@ -4,3 +4,5 @@ export declare const GlobalStyles: import('react').NamedExoticComponent<import('
 export declare const OrbitalSimWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CanvasWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@react-three/fiber').CanvasProps, never>> & string & Omit<typeof Canvas, keyof import('react').Component<any, {}, any>>;
 export declare const SunLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SwappableOrbitsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const SwappableOrbitButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/widgets/OrbitalSim/styles.js

@@ -1,7 +1,7 @@
 "use client";
-import e, { createGlobalStyle as a } from "styled-components";
-import { Canvas as r } from "@react-three/fiber";
-const o = a`
+import e, { createGlobalStyle as t } from "styled-components";
+import { Canvas as a } from "@react-three/fiber";
+const o = t`
   :root {
     --white: #ffffff;
     --black: #000000;
@@ -41,10 +41,10 @@ const o = a`
     min-height: 500px;
     background-color: #000000;
     color-adjust: exact;
-`, n = e(r)`
+`, n = e(a)`
     position: relative;
     z-index: 1;
-`, s = e.div`
+`, d = e.div`
   padding: 2px 4px;
   margin-top: 4px;
   font-weight: var(--medium);
@@ -55,10 +55,40 @@ const o = a`
   color-adjust: exact;
   z-index: 10000;
   height: fit-content;
+`, c = e.aside`
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  z-index: 10;
+  background-color: #fff;
+  width: 10%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+`, p = e.button`
+  width: 100%;
+  padding: 12px 16px;
+  text-align: left;
+  background-color: #F3F3F3;
+  color: #017F80;
+  text-align: center;
+
+  &:hover {
+    background-color: #017F80;
+    color: #fff;
+  }
+
+  &[data-active="true"] {
+    background-color: #017F80;
+    color: #fff;
+  }
 `;
 export {
   n as CanvasWrapper,
   o as GlobalStyles,
   l as OrbitalSimWrapper,
-  s as SunLabel
+  d as SunLabel,
+  p as SwappableOrbitButton,
+  c as SwappableOrbitsContainer
 };

package/dist/widgets/SortableTable/SortableTable.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),C=require("./styles.cjs"),r="asc",w="desc",j=({tableData:a})=>{const[i]=d.useState(a),o=a?Object.keys(i[0]):null,[s,f]=d.useState(o?o[0]:""),[c,S]=d.useState(r);function p(e){if(s===e){S(n=>n===r?w:r);return}f(e),S(r)}const m=d.useMemo(()=>{if(i)return[...i].sort((n,g)=>{const u=n[s],l=g[s];if(typeof u=="number"&&typeof l=="number")return c===r?u-l:l-u;const b=String(u).toLowerCase(),h=String(l).toLowerCase();return c===r?b.localeCompare(h):h.localeCompare(b)})},[i,s,c]);function x(e){return s!==e?"":c===r?"↑":"↓"}return t.jsx(t.Fragment,{children:a&&t.jsxs(C.Table,{children:[t.jsx("thead",{children:t.jsx("tr",{children:o&&o.map(e=>t.jsx("th",{scope:"col","aria-sort":s===e?c===r?"ascending":"descending":"none",children:t.jsxs("button",{type:"button",onClick:()=>p(e),children:[e," ",x(e)]})},e))})}),t.jsx("tbody",{children:m&&m.map(e=>t.jsx("tr",{children:o&&o.map(n=>t.jsx("td",{children:e[n]},n))}))})]})})};j.displayName="Widgets.SortableTable";exports.default=j;

package/dist/widgets/SortableTable/SortableTable.d.ts

@@ -0,0 +1,19 @@
+type TableDataProps<T extends Record<string, string | number | null>> = {
+    tableData: T[];
+};
+/**
+ * This widget will take an array of uniform (same properties across all elements)
+ * objects and render a table from the values. The table headers will be created
+ * based on the property names. The table can be sorted ascending or descending
+ * by one column at a time. If non-uniform objects are contained in the array,
+ * the widget will only build out the columns specific by the properties on the
+ * first element of the array.
+ *
+ * @param tabledata: an array of objects that will be used to build the table
+ * @returns the sortable table
+ */
+declare const SortableTable: {
+    <T extends Record<string, string | number | null>>({ tableData }: TableDataProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SortableTable;

package/dist/widgets/SortableTable/SortableTable.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as o, Fragment as j, jsxs as h } from "react/jsx-runtime";
+import { useState as u, useMemo as x } from "react";
+import { Table as N } from "./styles.js";
+const r = "asc", T = "desc", y = ({
+  tableData: a
+}) => {
+  const [i] = u(a), e = a ? Object.keys(i[0]) : null, [n, b] = u(e ? e[0] : ""), [c, m] = u(r);
+  function g(t) {
+    if (n === t) {
+      m((s) => s === r ? T : r);
+      return;
+    }
+    b(t), m(r);
+  }
+  const p = x(() => {
+    if (i)
+      return [...i].sort((s, w) => {
+        const l = s[n], d = w[n];
+        if (typeof l == "number" && typeof d == "number")
+          return c === r ? l - d : d - l;
+        const f = String(l).toLowerCase(), S = String(d).toLowerCase();
+        return c === r ? f.localeCompare(S) : S.localeCompare(f);
+      });
+  }, [i, n, c]);
+  function C(t) {
+    return n !== t ? "" : c === r ? "↑" : "↓";
+  }
+  return /* @__PURE__ */ o(j, { children: a && /* @__PURE__ */ h(N, { children: [
+    /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: e && e.map((t) => /* @__PURE__ */ o("th", { scope: "col", "aria-sort": n === t ? c === r ? "ascending" : "descending" : "none", children: /* @__PURE__ */ h("button", { type: "button", onClick: () => g(t), children: [
+      t,
+      " ",
+      C(t)
+    ] }) }, t)) }) }),
+    /* @__PURE__ */ o("tbody", { children: p && p.map((t) => /* @__PURE__ */ o("tr", { children: e && e.map((s) => /* @__PURE__ */ o("td", { children: t[s] }, s)) })) })
+  ] }) });
+};
+y.displayName = "Widgets.SortableTable";
+export {
+  y as default
+};

package/dist/widgets/SortableTable/index.d.ts

@@ -0,0 +1 @@
+export { default, default as SortableTable } from './SortableTable';

package/dist/widgets/SortableTable/styles.cjs

@@ -0,0 +1,8 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},d=l(t),o=d.default.table`
+    border: 1px solid #000000;
+    text-align: center;
+    border-spacing: 0px;
+    & > th, td, thead, thead > tr > th{
+        border: 1px solid #000000;
+    }
+`;exports.Table=o;

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

@@ -0,0 +1 @@
+export declare const Table: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;

package/dist/widgets/SortableTable/styles.js

@@ -0,0 +1,13 @@
+"use client";
+import t from "styled-components";
+const r = t.table`
+    border: 1px solid #000000;
+    text-align: center;
+    border-spacing: 0px;
+    & > th, td, thead, thead > tr > th{
+        border: 1px solid #000000;
+    }
+`;
+export {
+  r as Table
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("../utils.cjs"),n=require("./styles.cjs"),p=(e,r)=>typeof e=="string"?e.includes("%")?`${100-parseFloat(e)}%`:r-parseFloat(e):r-e,a=({width:e,height:r,movingSources:i,selectedSource:d,currentIndex:c})=>s.jsxs(s.Fragment,{children:["    ",i&&i.map((t,u)=>{let l=t.sources[c];if(d.includes(t.id))return s.jsx(n.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${r}`,children:s.jsx("g",{role:"list",children:s.jsx(n.Point,{cx:l.x,cy:p(l.y,r),fill:"transparent",stroke:t.color??"#fed828",strokeWidth:3,tabIndex:0,role:"listitem",r:`${o.getRadius(t.type,NaN)*100}%`,id:`${t.id}`},`${t.id}-${u}`)})})})]});a.displayName="Widgets.MovingSourceMap";exports.default=a;

package/dist/widgets/SourceSelector/MovingSourceMap/index.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { MovingSources } from '../../../types/astro';
+
+export interface MovingSourceMapProps {
+    width: number;
+    height: number;
+    isPlaying: boolean;
+    movingSources: MovingSources[];
+    selectedSource: string[];
+    currentIndex: number;
+}
+declare const MovingSourceMap: FunctionComponent<MovingSourceMapProps>;
+export default MovingSourceMap;

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

@@ -0,0 +1,42 @@
+import { jsxs as o, Fragment as p, jsx as s } from "react/jsx-runtime";
+import { getRadius as c } from "../utils.js";
+import { SVG as f, Point as x } from "./styles.js";
+const $ = (e, r) => typeof e == "string" ? e.includes("%") ? `${100 - parseFloat(e)}%` : r - parseFloat(e) : r - e, m = ({
+  width: e,
+  height: r,
+  movingSources: i,
+  selectedSource: d,
+  currentIndex: n
+}) => /* @__PURE__ */ o(p, { children: [
+  "    ",
+  i && i.map((t, l) => {
+    let a = t.sources[n];
+    if (d.includes(t.id))
+      return /* @__PURE__ */ s(
+        f,
+        {
+          preserveAspectRatio: "xMidYMid meet",
+          viewBox: `0 0 ${e} ${r}`,
+          children: /* @__PURE__ */ s("g", { role: "list", children: /* @__PURE__ */ s(
+            x,
+            {
+              cx: a.x,
+              cy: $(a.y, r),
+              fill: "transparent",
+              stroke: t.color ?? "#fed828",
+              strokeWidth: 3,
+              tabIndex: 0,
+              role: "listitem",
+              r: `${c(t.type, NaN) * 100}%`,
+              id: `${t.id}`
+            },
+            `${t.id}-${l}`
+          ) })
+        }
+      );
+  })
+] });
+m.displayName = "Widgets.MovingSourceMap";
+export {
+  m as default
+};

package/dist/widgets/SourceSelector/MovingSourceMap/styles.cjs

@@ -0,0 +1,14 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),n=t=>t&&t.__esModule?t:{default:t},e=n(o),s=e.default.svg`
+  pointer-events: none;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+`,r=e.default.circle`
+  cursor: pointer;
+  transition: transform ease var(--DURATION, 0.2s);
+  transform-origin: center;
+
+  &:focus {
+    outline: none;
+  }
+`;exports.Point=r;exports.SVG=s;

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

@@ -0,0 +1,2 @@
+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/MovingSourceMap/styles.js

@@ -0,0 +1,20 @@
+"use client";
+import o from "styled-components";
+const n = o.svg`
+  pointer-events: none;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+`, e = o.circle`
+  cursor: pointer;
+  transition: transform ease var(--DURATION, 0.2s);
+  transform-origin: center;
+
+  &:focus {
+    outline: none;
+  }
+`;
+export {
+  e as Point,
+  n as SVG
+};

package/dist/widgets/SourceSelector/MovingSourceSelector.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("react"),G=require("react-i18next"),J=require("../../layout/AspectRatio/index.cjs"),K=require("../../atomic/Loader/index.cjs"),Q=require("@rubin-epo/epo-react-lib/IconComposer"),U=require("./MovingSourceMap/index.cjs"),k=require("./utils.cjs"),Z=require("./styles.cjs"),O=require("../../hooks/useInterval.cjs"),ee=require("./Message/Message.cjs"),te=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),se=e=>e&&e.__esModule?e:{default:e},ne=se(Q),oe=(e,n)=>{var l;const t={day:0,hour:0},s=e[n];if(!s)return t;const c=(s==null?void 0:s.date)-((l=e[0])==null?void 0:l.date);return c?{day:Math.round(c)||0,hour:Math.round(24/c%24)||0}:t},re=(e,n,t)=>Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)<=Math.pow(t,2),ce=(e,n,t)=>t?e[n]?[e[n].image]:[]:e.map(({image:s})=>s),j=({width:e=600,height:n=600,selectedSource:t=[],alerts:s=[],activeAlertIndex:c=0,alertChangeCallback:l,selectionCallback:p,blinkConfig:_,isDisplayOnly:d=!1,isLoading:P,className:w,movingSources:i=[]})=>{const[f,q]=u.useState(0),[B,F]=u.useState(!0),[b,L]=u.useState(!0),[R,y]=u.useState(),[T,m]=u.useState(!1),{t:I}=G.useTranslation(),S=!B&&!P,V=(r,g,h)=>{if(i)for(let a of i){const x=a.sources[f];if(re(r,{x:k.toDecimalPercent(x.x)*g,y:k.toDecimalPercent(x.y)*h},k.getRadius(a.type,a.radius)*g))return a.id}},v=()=>{y(I("source_selector.messages.failure")),m(!0)},D=()=>{L(r=>!r)},N=()=>{y(o.jsxs(o.Fragment,{children:[o.jsx(ne.default,{icon:"checkmark"}),I("source_selector.messages.success")]})),m(!0)},W=({clientX:r,clientY:g,target:h})=>{if(!S||d)return;const{tagName:a,clientWidth:x,clientHeight:C}=h;if(a.toLowerCase()!=="img")return;const{left:Y,top:A}=h.getBoundingClientRect(),M=V({x:r-Y,y:C-g+A},x,C);if(M){if(t.includes(M))return;p&&p(t.concat(M)),N()}else v()},$=()=>{m(!1)},{day:z,hour:E}=oe(s,c),H=ce(s,c,d),X=()=>{b&&(f>i[0].sources.length-2?q(0):q(r=>r+1))};return O.default(X,500),o.jsxs(J.default,{ratio:1,className:w,children:[!d&&o.jsx(ee.default,{onMessageChangeCallback:$,isVisible:T,children:R}),i&&o.jsx(Z.BackgroundBlinker,{images:H,activeIndex:f,blinkCallback:l,loadedCallback:()=>F(!1),onClickCallback:W,extraControls:s.length>0&&!d&&o.jsx(te.default,{day:z,hour:E}),interval:400,pauseCallback:D,..._,children:o.jsx(U.default,{width:e,height:n,isPlaying:b,currentIndex:f,movingSources:i,selectedSource:t})}),!S&&o.jsx(K.default,{})]})};j.displayName="Widgets.MovingSourceSelector";exports.default=j;

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

@@ -0,0 +1,24 @@
+import { FunctionComponent } from 'react';
+import { Alert, MovingSources } from '../../types/astro';
+
+interface BlinkConfig {
+    autoplay?: boolean;
+    loop?: boolean;
+    duration?: number;
+}
+interface SourceSelectorProps {
+    width?: number;
+    height?: number;
+    alerts: Alert[];
+    selectedSource?: string[];
+    activeAlertIndex?: number;
+    alertChangeCallback?: (index: number) => void;
+    selectionCallback?: (data: string[]) => void;
+    blinkConfig?: BlinkConfig;
+    isDisplayOnly?: boolean;
+    isLoading?: boolean;
+    className?: string;
+    movingSources: MovingSources[];
+}
+declare const MovingSourceSelector: FunctionComponent<SourceSelectorProps>;
+export default MovingSourceSelector;