@rubin-epo/epo-widget-lib 0.9.5 → 0.9.6

package/dist/widgets/SourceSelector/SourceSelector.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),B=require("react-i18next"),L=require("@rubin-epo/epo-react-lib/IconComposer"),u=require("./styles.cjs"),T=require("./PointSelector/index.cjs"),W=require("./Message/Message.cjs"),y=s=>s&&s.__esModule?s:{default:s},E=y(L),M=({width:s=600,height:i=600,selectedSource:r=[],sources:h,alerts:t=[],activeAlertIndex:a=0,alertChangeCallback:b,selectionCallback:d,blinkConfig:j,isDisplayOnly:c=!1,className:k})=>{const[x,C]=l.useState(!1),[_,g]=l.useState(),[q,n]=l.useState(!1),{t:f}=B.useTranslation(),S="sourceSelectorWidget",p=o=>{x&&!c&&(o?r.includes(o)||(d&&d(r.concat(o)),g(e.jsxs(e.Fragment,{children:[e.jsx(E.default,{icon:"checkmark"}),f("source_selector.messages.success")]})),n(!0)):(g(f("source_selector.messages.failure")),n(!0)))},I=()=>{n(!1)},m=t[a].date-t[0].date,V=Math.round(m),v=Math.round(24/m%24)||0,A=c?[t[a].image]:t.map(({image:o})=>o);return e.jsxs(u.SourceSelectorContainer,{width:s,height:i,className:k,children:[!c&&e.jsx(W.default,{onMessageChangeCallback:I,isVisible:q,forIds:[S],children:_}),e.jsxs(u.BackgroundBlinker,{images:A,activeIndex:a,blinkCallback:b,loadedCallback:()=>C(!0),...j,children:[t.length>0&&!c&&e.jsx(u.ElapsedDisplay,{day:V,hour:v}),e.jsx(T.default,{id:S,onSelectCallback:p,width:s,height:i,sources:h,selectedSource:r})]})]})};M.displayName="Widgets.SourceSelector";const F=M;exports.default=F;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),y=require("react-i18next"),A=require("@rubin-epo/epo-react-lib/IconComposer"),B=require("../../styles/svg.cjs"),S=require("./styles.cjs"),L=require("./PointSelector/index.cjs"),R=require("./Message/Message.cjs"),T=s=>s&&s.__esModule?s:{default:s},W=T(A),M=({width:s=600,height:u=600,selectedSource:r=[],sources:h,alerts:t=[],activeAlertIndex:a=0,alertChangeCallback:b,selectionCallback:i,blinkConfig:j,isDisplayOnly:c=!1,className:k})=>{const[x,C]=l.useState(!1),[_,d]=l.useState(),[q,n]=l.useState(!1),{t:g}=y.useTranslation(),f="sourceSelectorWidget",p=o=>{x&&!c&&(o?r.includes(o)||(i&&i(r.concat(o)),d(e.jsxs(e.Fragment,{children:[e.jsx(W.default,{icon:"checkmark"}),g("source_selector.messages.success")]})),n(!0)):(d(g("source_selector.messages.failure")),n(!0)))},I=()=>{n(!1)},m=t[a].date-t[0].date,v=Math.round(m),V=Math.round(24/m%24)||0,$=c?[t[a].image]:t.map(({image:o})=>o);return e.jsxs(B.Container,{style:{aspectRatio:`${s} / ${u}`},className:k,children:[!c&&e.jsx(R.default,{onMessageChangeCallback:I,isVisible:q,forIds:[f],children:_}),e.jsxs(S.BackgroundBlinker,{images:$,activeIndex:a,blinkCallback:b,loadedCallback:()=>C(!0),...j,children:[t.length>0&&!c&&e.jsx(S.ElapsedDisplay,{day:v,hour:V}),e.jsx(L.default,{id:f,onSelectCallback:p,width:s,height:u,sources:h,selectedSource:r})]})]})};M.displayName="Widgets.SourceSelector";const E=M;exports.default=E;

package/dist/widgets/SourceSelector/SourceSelector.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsxs as n, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { useTranslation as E } from "react-i18next";
-import F from "@rubin-epo/epo-react-lib/IconComposer";
-import { SourceSelectorContainer as N, BackgroundBlinker as P, ElapsedDisplay as T } from "./styles.js";
-import $ from "./PointSelector/index.js";
-import q from "./Message/Message.js";
+import { jsxs as n, jsx as t, Fragment as W } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { useTranslation as _ } from "react-i18next";
+import E from "@rubin-epo/epo-react-lib/IconComposer";
+import { Container as F } from "../../styles/svg.js";
+import { BackgroundBlinker as N, ElapsedDisplay as P } from "./styles.js";
+import R from "./PointSelector/index.js";
+import T from "./Message/Message.js";
 const h = ({
-  width: i = 600,
+  width: l = 600,
   height: d = 600,
-  selectedSource: t = [],
-  sources: p,
+  selectedSource: r = [],
+  sources: S,
   alerts: e = [],
   activeAlertIndex: c = 0,
   alertChangeCallback: k,
@@ -19,51 +20,58 @@ const h = ({
   isDisplayOnly: o = !1,
   className: M
 }) => {
-  const [b, V] = l(!1), [j, u] = l(), [x, a] = l(!1), { t: f } = E(), g = "sourceSelectorWidget", A = (s) => {
-    b && !o && (s ? t.includes(s) || (m && m(t.concat(s)), u(
-      /* @__PURE__ */ n(_, { children: [
-        /* @__PURE__ */ r(F, { icon: "checkmark" }),
+  const [b, V] = i(!1), [$, u] = i(), [j, a] = i(!1), { t: f } = _(), g = "sourceSelectorWidget", x = (s) => {
+    b && !o && (s ? r.includes(s) || (m && m(r.concat(s)), u(
+      /* @__PURE__ */ n(W, { children: [
+        /* @__PURE__ */ t(E, { icon: "checkmark" }),
         f("source_selector.messages.success")
       ] })
     ), a(!0)) : (u(f("source_selector.messages.failure")), a(!0)));
-  }, B = () => {
+  }, A = () => {
     a(!1);
-  }, S = e[c].date - e[0].date, I = Math.round(S), L = Math.round(24 / S % 24) || 0, W = o ? [e[c].image] : e.map(({ image: s }) => s);
-  return /* @__PURE__ */ n(N, { width: i, height: d, className: M, children: [
-    !o && /* @__PURE__ */ r(
-      q,
-      {
-        onMessageChangeCallback: B,
-        isVisible: x,
-        forIds: [g],
-        children: j
-      }
-    ),
-    /* @__PURE__ */ n(
-      P,
-      {
-        images: W,
-        activeIndex: c,
-        blinkCallback: k,
-        loadedCallback: () => V(!0),
-        ...C,
-        children: [
-          e.length > 0 && !o && /* @__PURE__ */ r(T, { day: I, hour: L }),
-          /* @__PURE__ */ r(
-            $,
-            {
-              id: g,
-              onSelectCallback: A,
-              width: i,
-              height: d,
-              sources: p,
-              selectedSource: t
-            }
-          )
-        ]
-      }
-    )
-  ] });
+  }, p = e[c].date - e[0].date, B = Math.round(p), I = Math.round(24 / p % 24) || 0, L = o ? [e[c].image] : e.map(({ image: s }) => s);
+  return /* @__PURE__ */ n(
+    F,
+    {
+      style: { aspectRatio: `${l} / ${d}` },
+      className: M,
+      children: [
+        !o && /* @__PURE__ */ t(
+          T,
+          {
+            onMessageChangeCallback: A,
+            isVisible: j,
+            forIds: [g],
+            children: $
+          }
+        ),
+        /* @__PURE__ */ n(
+          N,
+          {
+            images: L,
+            activeIndex: c,
+            blinkCallback: k,
+            loadedCallback: () => V(!0),
+            ...C,
+            children: [
+              e.length > 0 && !o && /* @__PURE__ */ t(P, { day: B, hour: I }),
+              /* @__PURE__ */ t(
+                R,
+                {
+                  id: g,
+                  onSelectCallback: x,
+                  width: l,
+                  height: d,
+                  sources: S,
+                  selectedSource: r
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 h.displayName = "Widgets.SourceSelector";
 const X = h;

package/dist/widgets/SourceSelector/styles.cjs

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

package/dist/widgets/SourceSelector/styles.js

@@ -1,31 +1,23 @@
 "use client";
-import o, { css as i } from "styled-components";
-import { Container as e } from "../../styles/svg.js";
-import s from "../../atomic/Blinker/Blinker.js";
-import p from "../../atomic/ElapsedTime/ElapsedTime.js";
-const c = o(e)`
-  ${({ width: t, height: r }) => i`
-    aspect-ratio: ${t} / ${r};
-    max-width: ${t}px;
-    max-height: ${r}px;
-  `}
-`, u = o.svg`
+import o from "styled-components";
+import t from "../../atomic/Blinker/Blinker.js";
+import i from "../../atomic/ElapsedTime/ElapsedTime.js";
+const p = o.svg`
   position: absolute;
   top: 0;
   left: 0;
   cursor: pointer;
-`, x = o(s)`
+`, l = o(t)`
   position: absolute;
   width: 100%;
   height: 100%;
-`, d = o(p)`
+`, n = o(i)`
   position: absolute;
   right: var(--PADDING_SMALL, 20px);
   bottom: var(--PADDING_SMALL, 20px);
 `;
 export {
-  x as BackgroundBlinker,
-  d as ElapsedDisplay,
-  u as SVG,
-  c as SourceSelectorContainer
+  l as BackgroundBlinker,
+  n as ElapsedDisplay,
+  p as SVG
 };

package/package.json

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