@rubin-epo/epo-widget-lib 0.10.3 → 1.0.0-beta.1

package/dist/widgets/SourceSelector/SourceSelector.js

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

package/dist/widgets/SourceSelector/styles.cjs

@@ -1,10 +1,6 @@
-"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`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=t=>t&&t.__esModule?t:{default:t},s=o(e),l=s.default.svg`
   cursor: pointer;
   position: absolute;
   bottom: 0;
   left: 0;
-`,u=e.default(l.default)`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-`;exports.BackgroundBlinker=u;exports.SVG=s;
+`;exports.SVG=l;

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

@@ -482,15 +482,3 @@ export declare const SVG: import('styled-components').IStyledComponent<"web", {
     ref?: import('react').LegacyRef<SVGSVGElement> | undefined;
     key?: import('react').Key | null | undefined;
 }>;
-export declare const BackgroundBlinker: import('styled-components').IStyledComponent<"web", {
-    images: import('@rubin-epo/epo-react-lib/Image').ImageShape[];
-    activeIndex: number;
-    autoplay?: boolean | undefined;
-    loop?: boolean | undefined;
-    interval?: number | undefined;
-    blinkCallback?: ((activeIndex: number) => void) | undefined;
-    loadedCallback?: (() => void) | undefined;
-    className?: string | undefined;
-    showControls?: boolean | undefined;
-    children?: import('react').ReactNode;
-}> & import('react').FunctionComponent<import('react').PropsWithChildren<import('../../atomic/Blinker/Blinker').BlinkerProps>>;

package/dist/widgets/SourceSelector/styles.js

@@ -1,17 +1,11 @@
 "use client";
 import o from "styled-components";
-import t from "../../atomic/Blinker/Blinker.js";
-const r = o.svg`
+const e = o.svg`
   cursor: pointer;
   position: absolute;
   bottom: 0;
   left: 0;
-`, s = o(t)`
-  position: absolute;
-  width: 100%;
-  height: 100%;
 `;
 export {
-  s as BackgroundBlinker,
-  r as SVG
+  e as SVG
 };

package/dist/widgets/SupernovaThreeVector/Histogram/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("react"),I=require("react-i18next"),w=require("../../../charts/Base/index.cjs"),H=require("../../../charts/XAxis/index.cjs"),O=require("../../../charts/Guidelines/index.cjs"),R=require("../../../charts/YAxis/index.cjs"),k=require("../../../charts/Bars/index.cjs"),z=require("../../../charts/Tooltip/index.cjs"),A=require("../../../charts/styles.cjs"),B=require("../../../lib/utils.cjs"),E=require("./styles.cjs"),T=({data:c,margin:x,activeRange:b,xDomain:r,yDomain:n,xScale:o,yScale:i,yTicks:h,xTicks:j,step:p,width:M,height:_,className:L})=>{const{t:q}=I.useTranslation(),[u,v]=g.useState(),$=i(n[0]),f="xAxisLabel",d=typeof u=="number",a=c.map(({value:s,bin:e},l)=>({x:e,value:s,width:12,fill:B.between(e,b[0],b[1])?void 0:"#30E0E3",props:{"aria-label":q("supernova_three_vector.histogram.bar_label",{count:s,binMin:e,binMax:e+p}),onMouseOver:()=>v(l),onMouseOut:()=>v(void 0)}}));return t.jsxs(w.default,{xMin:r[0],yMin:n[0],width:M,height:_,className:L,horizontalLabel:q("supernova_three_vector.histogram.x_label"),horizontalLabelId:f,children:[t.jsx(R.default,{showBaseline:!1,x:o(r[0])-10,ticks:h,tickLength:0,labelRender:(s,e,l)=>t.jsx(E.YLabel,{x:e,y:l,children:s}),yDomain:n,yScale:i}),t.jsx(O.default,{guides:h,xDomain:r,xScale:o,yDomain:n,yScale:i,margin:x}),t.jsx(k.default,{data:a,xDomain:r,yDomain:n,xScale:o,yScale:i}),t.jsx(H.default,{ticks:j,y:$,labelledById:f,labelRender:(s,e,l)=>t.jsx(A.XLabel,{x:e,y:l+5,children:s}),xDomain:r,xScale:o,margin:x}),t.jsx(z.default,{x:d?o(c[u].bin):0,y:d?i(a[u].value):0,visible:d,children:d?a[u].value:null})]})},y=T;exports.default=y;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),j=require("react"),L=require("react-i18next"),w=require("../../../charts/Base/index.cjs"),H=require("../../../charts/XAxis/index.cjs"),O=require("../../../charts/Guidelines/index.cjs"),R=require("../../../charts/YAxis/index.cjs"),k=require("../../../charts/Bars/index.cjs"),z=require("../../../charts/Tooltip/index.cjs"),B=require("../../../charts/styles.cjs"),E=require("../../../lib/utils.cjs"),T=require("./styles.cjs"),y=({data:c,margin:b,activeRange:x,xDomain:r,yDomain:n,xScale:o,yScale:i,yTicks:h,xTicks:p,step:M,width:_,height:I,className:$})=>{const{t:q}=L.useTranslation(),[l,v]=j.useState(),g=i(n[0]),f=j.useId(),d=typeof l=="number",a=c.map(({value:s,bin:e},u)=>({x:e,value:s,width:12,fill:E.between(e,x[0],x[1])?void 0:"#30E0E3",props:{"aria-label":q("supernova_three_vector.histogram.bar_label",{count:s,binMin:e,binMax:e+M}),onMouseOver:()=>v(u),onMouseOut:()=>v(void 0)}}));return t.jsxs(w.default,{xMin:r[0],yMin:n[0],width:_,height:I,className:$,horizontalLabel:q("supernova_three_vector.histogram.x_label"),horizontalLabelId:f,children:[t.jsx(R.default,{showBaseline:!1,x:o(r[0])-10,ticks:h,tickLength:0,labelRender:(s,e,u)=>t.jsx(T.YLabel,{x:e,y:u,children:s}),yDomain:n,yScale:i}),t.jsx(O.default,{guides:h,xDomain:r,xScale:o,yDomain:n,yScale:i,margin:b}),t.jsx(k.default,{data:a,xDomain:r,yDomain:n,xScale:o,yScale:i}),t.jsx(H.default,{ticks:p,y:g,labelledById:f,labelRender:(s,e,u)=>t.jsx(B.XLabel,{x:e,y:u+5,children:s}),xDomain:r,xScale:o,margin:b}),t.jsx(z.default,{x:d?o(c[l].bin):0,y:d?i(a[l].value):0,visible:d,children:d?a[l].value:null})]})},A=y;exports.default=A;

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

@@ -1,106 +1,106 @@
 "use client";
-import { jsxs as A, jsx as r } from "react/jsx-runtime";
-import { useState as B } from "react";
-import { useTranslation as w } from "react-i18next";
-import H from "../../../charts/Base/index.js";
-import j from "../../../charts/XAxis/index.js";
-import k from "../../../charts/Guidelines/index.js";
-import z from "../../../charts/YAxis/index.js";
-import E from "../../../charts/Bars/index.js";
-import O from "../../../charts/Tooltip/index.js";
-import { XLabel as R } from "../../../charts/styles.js";
-import { between as T } from "../../../lib/utils.js";
-import { YLabel as X } from "./styles.js";
-const Y = ({
-  data: d,
-  margin: b,
-  activeRange: u,
+import { jsxs as B, jsx as r } from "react/jsx-runtime";
+import { useState as w, useId as A } from "react";
+import { useTranslation as H } from "react-i18next";
+import j from "../../../charts/Base/index.js";
+import k from "../../../charts/XAxis/index.js";
+import z from "../../../charts/Guidelines/index.js";
+import E from "../../../charts/YAxis/index.js";
+import O from "../../../charts/Bars/index.js";
+import R from "../../../charts/Tooltip/index.js";
+import { XLabel as T } from "../../../charts/styles.js";
+import { between as X } from "../../../lib/utils.js";
+import { YLabel as Y } from "./styles.js";
+const G = ({
+  data: a,
+  margin: u,
+  activeRange: b,
   xDomain: t,
   yDomain: s,
   xScale: i,
   yScale: l,
   yTicks: f,
   xTicks: x,
-  step: L,
-  width: M,
-  height: _,
-  className: I
+  step: I,
+  width: L,
+  height: M,
+  className: _
 }) => {
-  const { t: h } = w(), [m, c] = B(), g = l(s[0]), v = "xAxisLabel", p = typeof m == "number", a = d.map(({ value: e, bin: o }, n) => ({
+  const { t: h } = H(), [d, c] = w(), g = l(s[0]), v = A(), m = typeof d == "number", p = a.map(({ value: e, bin: o }, n) => ({
     x: o,
     value: e,
     width: 12,
-    fill: T(o, u[0], u[1]) ? void 0 : "#30E0E3",
+    fill: X(o, b[0], b[1]) ? void 0 : "#30E0E3",
     props: {
       "aria-label": h("supernova_three_vector.histogram.bar_label", {
         count: e,
         binMin: o,
-        binMax: o + L
+        binMax: o + I
       }),
       onMouseOver: () => c(n),
       onMouseOut: () => c(void 0)
     }
   }));
-  return /* @__PURE__ */ A(
-    H,
+  return /* @__PURE__ */ B(
+    j,
     {
       xMin: t[0],
       yMin: s[0],
-      width: M,
-      height: _,
-      className: I,
+      width: L,
+      height: M,
+      className: _,
       horizontalLabel: h("supernova_three_vector.histogram.x_label"),
       horizontalLabelId: v,
       children: [
         /* @__PURE__ */ r(
-          z,
+          E,
           {
             showBaseline: !1,
             x: i(t[0]) - 10,
             ticks: f,
             tickLength: 0,
-            labelRender: (e, o, n) => /* @__PURE__ */ r(X, { x: o, y: n, children: e }),
+            labelRender: (e, o, n) => /* @__PURE__ */ r(Y, { x: o, y: n, children: e }),
             yDomain: s,
             yScale: l
           }
         ),
         /* @__PURE__ */ r(
-          k,
+          z,
           {
             guides: f,
             xDomain: t,
             xScale: i,
             yDomain: s,
             yScale: l,
-            margin: b
+            margin: u
           }
         ),
-        /* @__PURE__ */ r(E, { data: a, xDomain: t, yDomain: s, xScale: i, yScale: l }),
+        /* @__PURE__ */ r(O, { data: p, xDomain: t, yDomain: s, xScale: i, yScale: l }),
         /* @__PURE__ */ r(
-          j,
+          k,
           {
             ticks: x,
             y: g,
             labelledById: v,
-            labelRender: (e, o, n) => /* @__PURE__ */ r(R, { x: o, y: n + 5, children: e }),
+            labelRender: (e, o, n) => /* @__PURE__ */ r(T, { x: o, y: n + 5, children: e }),
             xDomain: t,
             xScale: i,
-            margin: b
+            margin: u
           }
         ),
         /* @__PURE__ */ r(
-          O,
+          R,
           {
-            x: p ? i(d[m].bin) : 0,
-            y: p ? l(a[m].value) : 0,
-            visible: p,
-            children: p ? a[m].value : null
+            x: m ? i(a[d].bin) : 0,
+            y: m ? l(p[d].value) : 0,
+            visible: m,
+            children: m ? p[d].value : null
           }
         )
       ]
     }
   );
-}, W = Y;
+}, Z = G;
 export {
-  W as default
+  Z as default
 };

package/dist/widgets/SupernovaThreeVector/styles.cjs

@@ -1,6 +1,6 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),i=require("../../layout/AspectRatio/index.cjs"),a=require("../../atomic/Button/patterns/Reset.cjs"),o=require("./Histogram/index.cjs"),s=require("./Skymap/index.cjs"),d=n=>n&&n.__esModule?n:{default:n},e=d(r),l=e.default(i.default)`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),i=require("../../layout/AspectRatio/index.cjs"),a=require("../../atomic/Button/patterns/Reset.cjs"),o=require("./Histogram/index.cjs"),s=require("./Skymap/index.cjs"),d=n=>n&&n.__esModule?n:{default:n},e=d(r),c=e.default(i.default)`
   container-type: inline-size;
-`,c=e.default.div`
+`,l=e.default.div`
   --three-vector-gap: calc(var(--PADDING_SMALL, 20px) / 2);
 
   display: grid;
@@ -33,17 +33,16 @@
   container-type: inline-size;
   grid-area: histogram;
 `,u=e.default(o.default)`
-  font-size: 0.75;
-  overflow: visible;
+  font-size: 0.75em;
 
   @container (
     min-width: ${t.token("BREAK_PHABLET_MIN")}
   ) {
     font-size: 1em;
   }
-`,f=e.default.div`
+`,p=e.default.div`
   grid-area: slider;
-`,p=e.default(a.default)`
+`,f=e.default(a.default)`
   grid-area: reset;
 `,g=e.default.div`
   display: flex;
@@ -74,4 +73,4 @@
   }
 `,y=e.default.h4`
   margin: 0;
-`;exports.ChartTitle=y;exports.Histogram=u;exports.HistogramContainer=m;exports.ResetButton=p;exports.Skymap=h;exports.SkymapContainer=g;exports.SliderContainer=f;exports.ThreeVectorContainer=l;exports.ThreeVectorLayout=c;
+`;exports.ChartTitle=y;exports.Histogram=u;exports.HistogramContainer=m;exports.ResetButton=f;exports.Skymap=h;exports.SkymapContainer=g;exports.SliderContainer=p;exports.ThreeVectorContainer=c;exports.ThreeVectorLayout=l;

package/dist/widgets/SupernovaThreeVector/styles.js

@@ -1,13 +1,13 @@
 "use client";
 import e from "styled-components";
 import { token as t } from "@rubin-epo/epo-react-lib/styles";
-import i from "../../layout/AspectRatio/index.js";
-import r from "../../atomic/Button/patterns/Reset.js";
+import r from "../../layout/AspectRatio/index.js";
+import i from "../../atomic/Button/patterns/Reset.js";
 import n from "./Histogram/index.js";
 import o from "./Skymap/index.js";
-const l = e(i)`
+const g = e(r)`
   container-type: inline-size;
-`, g = e.div`
+`, l = e.div`
   --three-vector-gap: calc(var(--PADDING_SMALL, 20px) / 2);
 
   display: grid;
@@ -40,17 +40,16 @@ const l = e(i)`
   container-type: inline-size;
   grid-area: histogram;
 `, h = e(n)`
-  font-size: 0.75;
-  overflow: visible;
+  font-size: 0.75em;
 
   @container (
     min-width: ${t("BREAK_PHABLET_MIN")}
   ) {
     font-size: 1em;
   }
-`, v = e.div`
+`, A = e.div`
   grid-area: slider;
-`, A = e(r)`
+`, v = e(i)`
   grid-area: reset;
 `, B = e.div`
   display: flex;
@@ -86,10 +85,10 @@ export {
   E as ChartTitle,
   h as Histogram,
   f as HistogramContainer,
-  A as ResetButton,
+  v as ResetButton,
   y as Skymap,
   B as SkymapContainer,
-  v as SliderContainer,
-  l as ThreeVectorContainer,
-  g as ThreeVectorLayout
+  A as SliderContainer,
+  g as ThreeVectorContainer,
+  l as ThreeVectorLayout
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.10.3",
+  "version": "1.0.0-beta.1",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",