@rubin-epo/epo-widget-lib 0.9.10 → 0.9.12

package/dist/widgets/SourceSelector/SourceSelector.js

@@ -1,73 +1,95 @@
 "use client";
-import { jsxs as n, jsx as t, Fragment as _ } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { useTranslation as q } from "react-i18next";
-import E from "@rubin-epo/epo-react-lib/IconComposer";
-import F from "../../layout/AspectRatio/index.js";
-import { BackgroundBlinker as N, ElapsedDisplay as P } from "./styles.js";
-import R from "./PointSelector/index.js";
-import T from "./Message/Message.js";
-const g = ({
-  width: h = 600,
-  height: p = 600,
-  selectedSource: r = [],
-  sources: S,
+import { jsxs as f, jsx as a, Fragment as R } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { useTranslation as U } from "react-i18next";
+import $ from "@rubin-epo/epo-react-lib/IconComposer";
+import v from "../../layout/AspectRatio/index.js";
+import w from "./PointSelector/index.js";
+import G from "../../atomic/Loader/index.js";
+import { BackgroundBlinker as H } from "./styles.js";
+import J from "./Message/Message.js";
+import K from "../../atomic/ElapsedTime/ElapsedTime.js";
+const Q = (n, c) => {
+  var r;
+  const s = { day: 0, hour: 0 }, o = n[c];
+  if (!o)
+    return s;
+  const e = (o == null ? void 0 : o.date) - ((r = n[0]) == null ? void 0 : r.date);
+  return e ? {
+    day: Math.round(e) || 0,
+    hour: Math.round(24 / e % 24) || 0
+  } : s;
+}, b = ({
+  width: n = 600,
+  height: c = 600,
+  selectedSource: s = [],
+  sources: o,
   alerts: e = [],
-  activeAlertIndex: c = 0,
-  alertChangeCallback: k,
-  selectionCallback: l,
-  blinkConfig: M,
-  isDisplayOnly: o = !1,
-  className: b
+  activeAlertIndex: r = 0,
+  alertChangeCallback: C,
+  selectionCallback: d,
+  blinkConfig: k,
+  isDisplayOnly: i = !1,
+  isLoading: L,
+  className: V
 }) => {
-  const [C, A] = i(!1), [V, d] = i(), [j, a] = i(!1), { t: m } = q(), u = "sourceSelectorWidget", x = (s) => {
-    C && !o && (s ? r.includes(s) || (l && l(r.concat(s)), d(
-      /* @__PURE__ */ n(_, { children: [
-        /* @__PURE__ */ t(E, { icon: "checkmark" }),
-        m("source_selector.messages.success")
-      ] })
-    ), a(!0)) : (d(m("source_selector.messages.failure")), a(!0)));
-  }, B = () => {
-    a(!1);
-  }, f = e[c].date - e[0].date, I = Math.round(f), L = Math.round(24 / f % 24) || 0, W = o ? [e[c].image] : e.map(({ image: s }) => s);
-  return /* @__PURE__ */ n(F, { ratio: "square", className: b, children: [
-    !o && /* @__PURE__ */ t(
-      T,
+  var M;
+  const [j, x] = u(!0), [B, l] = u(), [F, m] = u(!1), { t: g } = U(), h = "sourceSelectorWidget", p = !j && !L, S = () => {
+    l(g("source_selector.messages.failure")), m(!0);
+  }, P = (t) => {
+    if (!(!p || i))
+      if (t) {
+        const z = !!o.find(({ id: N }) => N === t), E = !s.includes(t);
+        z && E ? (d && d(s.concat(t)), l(
+          /* @__PURE__ */ f(R, { children: [
+            /* @__PURE__ */ a($, { icon: "checkmark" }),
+            g("source_selector.messages.success")
+          ] })
+        ), m(!0)) : S();
+      } else
+        S();
+  }, T = () => {
+    m(!1);
+  }, { day: W, hour: _ } = Q(e, r), q = i ? [(M = e[r]) == null ? void 0 : M.image] : e.map(({ image: t }) => t);
+  return /* @__PURE__ */ f(v, { ratio: "square", className: V, children: [
+    !i && /* @__PURE__ */ a(
+      J,
       {
-        onMessageChangeCallback: B,
-        isVisible: j,
-        forIds: [u],
-        children: V
+        onMessageChangeCallback: T,
+        isVisible: F,
+        forIds: [h],
+        children: B
       }
     ),
-    /* @__PURE__ */ n(
-      N,
+    /* @__PURE__ */ f(
+      H,
       {
-        images: W,
-        activeIndex: c,
-        blinkCallback: k,
-        loadedCallback: () => A(!0),
-        ...M,
+        images: q,
+        activeIndex: r,
+        blinkCallback: C,
+        loadedCallback: () => x(!1),
+        ...k,
         children: [
-          e.length > 0 && !o && /* @__PURE__ */ t(P, { day: I, hour: L }),
-          /* @__PURE__ */ t(
-            R,
+          e.length > 0 && !i && /* @__PURE__ */ a(K, { day: W, hour: _ }),
+          /* @__PURE__ */ a(
+            w,
             {
-              id: u,
-              onSelectCallback: x,
-              width: h,
-              height: p,
-              sources: S,
-              selectedSource: r
+              id: h,
+              onSelectCallback: P,
+              width: n,
+              height: c,
+              sources: o,
+              selectedSource: s
             }
           )
         ]
       }
-    )
+    ),
+    !p && /* @__PURE__ */ a(G, {})
   ] });
 };
-g.displayName = "Widgets.SourceSelector";
-const X = g;
+b.displayName = "Widgets.SourceSelector";
+const se = b;
 export {
-  X as default
+  se as default
 };

package/dist/widgets/SourceSelector/styles.cjs

@@ -1,14 +1,10 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),l=require("../../atomic/Blinker/Blinker.cjs"),s=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),i=t=>t&&t.__esModule?t:{default:t},e=i(o),a=e.default.svg`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),l=require("../../atomic/Blinker/Blinker.cjs"),n=t=>t&&t.__esModule?t:{default:t},e=n(o),s=e.default.svg`
+  cursor: pointer;
   position: absolute;
-  top: 0;
+  bottom: 0;
   left: 0;
-  cursor: pointer;
-`,r=e.default(l.default)`
+`,u=e.default(l.default)`
   position: absolute;
   width: 100%;
   height: 100%;
-`,u=e.default(s.default)`
-  position: absolute;
-  right: var(--PADDING_SMALL, 20px);
-  bottom: var(--PADDING_SMALL, 20px);
-`;exports.BackgroundBlinker=r;exports.ElapsedDisplay=u;exports.SVG=a;
+`;exports.BackgroundBlinker=u;exports.SVG=s;

package/dist/widgets/SourceSelector/styles.js

@@ -1,23 +1,17 @@
 "use client";
 import o from "styled-components";
 import t from "../../atomic/Blinker/Blinker.js";
-import i from "../../atomic/ElapsedTime/ElapsedTime.js";
-const p = o.svg`
+const r = o.svg`
+  cursor: pointer;
   position: absolute;
-  top: 0;
+  bottom: 0;
   left: 0;
-  cursor: pointer;
-`, l = o(t)`
+`, s = o(t)`
   position: absolute;
   width: 100%;
   height: 100%;
-`, n = o(i)`
-  position: absolute;
-  right: var(--PADDING_SMALL, 20px);
-  bottom: var(--PADDING_SMALL, 20px);
 `;
 export {
-  l as BackgroundBlinker,
-  n as ElapsedDisplay,
-  p as SVG
+  s as BackgroundBlinker,
+  r as SVG
 };

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

@@ -195,7 +195,7 @@ export declare const YLabel: import("styled-components").IStyledComponent<"web",
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

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

@@ -195,7 +195,7 @@ export declare const Background: import("styled-components").IStyledComponent<"w
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -677,7 +677,7 @@ export declare const Graticule: import("styled-components").IStyledComponent<"we
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1159,7 +1159,7 @@ export declare const Outline: import("styled-components").IStyledComponent<"web"
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1641,7 +1641,7 @@ export declare const LatLabel: import("styled-components").IStyledComponent<"web
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2123,7 +2123,7 @@ export declare const LongLabel: import("styled-components").IStyledComponent<"we
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2605,7 +2605,7 @@ export declare const ImageStackerWrapper: import("styled-components").IStyledCom
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -3087,7 +3087,7 @@ export declare const UserObject: import("styled-components").IStyledComponent<"w
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.9.10",
+  "version": "0.9.12",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "react-i18next": "^12.2.0"
   },
   "dependencies": {
-    "@rubin-epo/epo-react-lib": "^2.0.20",
+    "@rubin-epo/epo-react-lib": "2.0.24",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
     "d3-geo": "^3.1.0",