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

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

@@ -1,6 +1,5 @@
 import { default as SourceSelector } from './SourceSelector';
 
-export { default as PointSelector } from './PointSelector';
 export { default as Message } from './Message';
 export { default as SelectionList } from './SelectionList';
 export default SourceSelector;

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 t=require("styled-components"),o=require("../../atomic/Blinker/Blinker.cjs"),r=e=>e&&e.__esModule?e:{default:e},l=r(t),n=l.default(o.default)`
   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.BackgroundBlinker=n;