@rubin-epo/epo-widget-lib 1.0.2 → 1.0.3

package/dist/widgets/SourceSelector/SourceSelector.cjs

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

package/dist/widgets/SourceSelector/SourceSelector.js

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

package/package.json

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