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

package/dist/IsochronePlot.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),y=require("react"),Q=require("react-i18next"),U=require("use-resize-observer"),X=require("lodash/round"),F=require("@rubin-epo/epo-react-lib/styles"),Y=require("./layout/Controls/index.cjs"),Z=require("./charts/ScatterPlot/index.cjs"),ee=require("./atomic/Button/patterns/Reset.cjs");require("./atomic/PlotWrapper/index.cjs");const te=require("./charts/Readout/index.cjs"),se=require("./charts/PathFromPoints/index.cjs"),u=require("./lib/utils.cjs"),ie=require("./lib/helpers.cjs"),re=require("./widgets/IsochronePlot/Controls/index.cjs"),i=require("./widgets/IsochronePlot/defaults.cjs"),ne=require("./widgets/IsochronePlot/A11Y/CurveFit.cjs"),oe=require("./atomic/PlotWrapper/styles.cjs"),W=e=>e&&e.__esModule?e:{default:e},ae=W(U),le=W(X),ue=e=>e?e<parseFloat(F.token("BREAK_PHABLET_MIN"))?i.default.pointRadius.md:e<parseFloat(F.token("BREAK_LARGE_TABLET"))?i.default.pointRadius.sm:i.default.pointRadius.lg:i.default.pointRadius.lg,ce=({data:e,value:D,ageLibrary:I,isDisplayOnly:M=!1,isLoading:P,xAxis:k,yAxis:T,name:$,onChangeCallback:c})=>{const{ref:B,width:E}=ae.default(),{t:d,i18n:{language:x}}=Q.useTranslation(),[K,O]=y.useState(!0),h=y.useId(),n=!P&&!K,w={top:0,right:0,bottom:20,left:20},{width:f,height:g}=i.default,{ages:q={}}=I,s=Object.keys(q).sort((r,l)=>parseFloat(r)-parseFloat(l)).map(parseFloat),z=u.mergeWithDefaults(k,{...i.default.xAxis,label:d("isochrone_plot.plot.x_label")}),_=u.mergeWithDefaults(T,{...i.default.yAxis,label:d("isochrone_plot.plot.y_label")}),o={age:{min:s.length>0?Math.min(...s):0,max:s.length>0?Math.max(...s):0,step:le.default(s[1]-s[0],1)||.5,marks:s},distance:{min:0,max:_.min+1,step:.05}},b={age:s.length>0?u.middle(s):0,distance:(o.distance.max-o.distance.min)/2+o.distance.min},{age:a,distance:p}=u.mergeWithDefaults(D,b),H=ue(E),R={age:a.toLocaleString(x,{minimumFractionDigits:1}),distance:ie.parsecsToLightyears(Math.pow(10,p/5+1)).toLocaleString(x,{maximumFractionDigits:0})},S=t.jsx(oe.PlotWrapper,{ref:B,children:t.jsx(Z.default,{renderer:"canvas",title:$,onLoadedCallback:()=>O(!1),data:{label:"Star Cluster",points:e.map(r=>({...r,radius:H,stroke:"rgba(18,114,108,0.5)",fill:"rgba(18,114,108,0.25)"}))},plotChildren:({Data:r,xScale:l,yScale:m,yStart:V,yEnd:j,xStart:v,xEnd:C,yDomain:G})=>{const A=(q[a.toFixed(1)]||[]).map(({x:N,y:J})=>({x:l(N),y:m(J)}))||[],L=m(p+G[1]);return t.jsxs(t.Fragment,{children:[r,a&&t.jsx(se.default,{points:A,svgProps:{strokeWidth:2,transform:`translate(0,${L})`}}),n&&t.jsx(te.default,{viewport:{x:v,y:j,outerHeight:V-j,outerWidth:C-v,innerWidth:f,innerHeight:g},position:"center right",forIds:h,forScreenreaders:t.jsx(ne.default,{points:e,value:R,isochrone:A,offset:L,xScale:l,yScale:m,width:f,height:g}),children:d("isochrone_plot.output",{...R})})]})},width:f,height:g,xAxis:z,yAxis:_,margins:w})});return t.jsx(Y.default,{widget:S,controls:t.jsx(re.default,{isDisabled:!n,value:{age:a,distance:p},configs:o,onChangeCallback:c}),actions:t.jsx(ee.default,{isDisabled:!n,onResetCallback:()=>{c&&c(b)}}),isLoading:!n,isDisplayOnly:M,controlsId:h})};exports.default=ce;

package/dist/IsochronePlot.d.ts

@@ -0,0 +1,3 @@
+export * from './widgets/IsochronePlot/index'
+import _default from './widgets/IsochronePlot/index'
+export default _default

package/dist/IsochronePlot.js

@@ -0,0 +1,173 @@
+"use client";
+import { jsx as o, jsxs as q, Fragment as J } from "react/jsx-runtime";
+import { useState as Q, useId as U } from "react";
+import { useTranslation as X } from "react-i18next";
+import Y from "use-resize-observer";
+import Z from "lodash/round";
+import { token as W } from "@rubin-epo/epo-react-lib/styles";
+import tt from "./layout/Controls/index.js";
+import ot from "./charts/ScatterPlot/index.js";
+import et from "./atomic/Button/patterns/Reset.js";
+import "./atomic/PlotWrapper/index.js";
+import rt from "./charts/Readout/index.js";
+import it from "./charts/PathFromPoints/index.js";
+import { mergeWithDefaults as f, middle as st } from "./lib/utils.js";
+import { parsecsToLightyears as nt } from "./lib/helpers.js";
+import at from "./widgets/IsochronePlot/Controls/index.js";
+import e from "./widgets/IsochronePlot/defaults.js";
+import mt from "./widgets/IsochronePlot/A11Y/CurveFit.js";
+import { PlotWrapper as lt } from "./atomic/PlotWrapper/styles.js";
+const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md : r < parseFloat(W("BREAK_LARGE_TABLET")) ? e.pointRadius.sm : e.pointRadius.lg : e.pointRadius.lg, kt = ({
+  data: r,
+  value: y,
+  ageLibrary: B,
+  isDisplayOnly: I = !1,
+  isLoading: k,
+  xAxis: D,
+  yAxis: T,
+  name: E,
+  onChangeCallback: l
+}) => {
+  const { ref: K, width: M } = Y(), {
+    t: p,
+    i18n: { language: h }
+  } = X(), [j, w] = Q(!0), x = U(), s = !k && !j, C = { top: 0, right: 0, bottom: 20, left: 20 }, { width: c, height: d } = e, { ages: b = {} } = B, t = Object.keys(b).sort(
+    (i, m) => parseFloat(i) - parseFloat(m)
+  ).map(parseFloat), H = f(D, {
+    ...e.xAxis,
+    label: p("isochrone_plot.plot.x_label")
+  }), R = f(T, {
+    ...e.yAxis,
+    label: p("isochrone_plot.plot.y_label")
+  }), n = {
+    age: {
+      min: t.length > 0 ? Math.min(...t) : 0,
+      max: t.length > 0 ? Math.max(...t) : 0,
+      step: Z(t[1] - t[0], 1) || 0.5,
+      marks: t
+    },
+    distance: { min: 0, max: R.min + 1, step: 0.05 }
+  }, A = {
+    age: t.length > 0 ? st(t) : 0,
+    distance: (n.distance.max - n.distance.min) / 2 + n.distance.min
+  }, { age: a, distance: u } = f(
+    y,
+    A
+  ), V = pt(M), F = {
+    age: a.toLocaleString(h, {
+      minimumFractionDigits: 1
+    }),
+    distance: nt(
+      Math.pow(10, u / 5 + 1)
+    ).toLocaleString(h, {
+      maximumFractionDigits: 0
+    })
+  }, z = /* @__PURE__ */ o(lt, { ref: K, children: /* @__PURE__ */ o(
+    ot,
+    {
+      renderer: "canvas",
+      title: E,
+      onLoadedCallback: () => w(!1),
+      data: {
+        label: "Star Cluster",
+        points: r.map((i) => ({
+          ...i,
+          radius: V,
+          stroke: "rgba(18,114,108,0.5)",
+          fill: "rgba(18,114,108,0.25)"
+        }))
+      },
+      plotChildren: ({
+        Data: i,
+        xScale: m,
+        yScale: g,
+        yStart: O,
+        yEnd: L,
+        xStart: P,
+        xEnd: S,
+        yDomain: G
+      }) => {
+        const _ = (b[a.toFixed(1)] || []).map(({ x: N, y: $ }) => ({ x: m(N), y: g($) })) || [], v = g(u + G[1]);
+        return /* @__PURE__ */ q(J, { children: [
+          i,
+          a && /* @__PURE__ */ o(
+            it,
+            {
+              points: _,
+              svgProps: {
+                strokeWidth: 2,
+                transform: `translate(0,${v})`
+              }
+            }
+          ),
+          s && /* @__PURE__ */ o(
+            rt,
+            {
+              viewport: {
+                x: P,
+                y: L,
+                outerHeight: O - L,
+                outerWidth: S - P,
+                innerWidth: c,
+                innerHeight: d
+              },
+              position: "center right",
+              forIds: x,
+              forScreenreaders: /* @__PURE__ */ o(
+                mt,
+                {
+                  points: r,
+                  value: F,
+                  isochrone: _,
+                  offset: v,
+                  xScale: m,
+                  yScale: g,
+                  width: c,
+                  height: d
+                }
+              ),
+              children: p("isochrone_plot.output", {
+                ...F
+              })
+            }
+          )
+        ] });
+      },
+      width: c,
+      height: d,
+      xAxis: H,
+      yAxis: R,
+      margins: C
+    }
+  ) });
+  return /* @__PURE__ */ o(
+    tt,
+    {
+      widget: z,
+      controls: /* @__PURE__ */ o(
+        at,
+        {
+          isDisabled: !s,
+          value: { age: a, distance: u },
+          configs: n,
+          onChangeCallback: l
+        }
+      ),
+      actions: /* @__PURE__ */ o(
+        et,
+        {
+          isDisabled: !s,
+          onResetCallback: () => {
+            l && l(A);
+          }
+        }
+      ),
+      isLoading: !s,
+      isDisplayOnly: I,
+      controlsId: x
+    }
+  );
+};
+export {
+  kt as default
+};

package/dist/SupernovaThreeVector.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),B=require("react"),O=require("react-i18next"),l=require("d3-array"),z=require("@rubin-epo/epo-react-lib/HorizontalSlider"),d=require("./lib/utils.cjs"),E=require("./widgets/SupernovaThreeVector/LiveLabel/index.cjs"),r=require("./widgets/SupernovaThreeVector/styles.cjs"),N=t=>t&&t.__esModule?t:{default:t},P=N(z),k=({histogramData:t,userData:C,binnedImages:T,step:u=100})=>{const{t:x}=O.useTranslation(),i={top:30,bottom:30,left:50,right:0},m="skyMapDescription",o=600,p=o/1.6,q=[i.left,o-i.right],R=[p-i.bottom,i.top],b=6,h=7,v=0,L=l.max(t,e=>e.value)||Math.max(...t.map(({value:e})=>e)),a=l.min(t,e=>e.bin)||0,c=l.max(t,e=>e.bin)||Math.max(...t.map(({bin:e})=>e)),y=l.nice(a,c,b),g=l.nice(v,L||v,h),j=d.getLinearScale(y,q),I=d.getLinearScale(g,R),[s,S]=B.useState([a,c]),f=15,$=`calc(${i.left/o*100}% - ${f}px)`,V=`calc(${(1-j(c)/o)*100}% - ${f}px)`,_=t.map(({bin:e})=>d.between(e,s[0],s[1])),M=C.filter(({distance:e})=>d.between(e,s[0],s[1]+u)),A=t.reduce((e,{value:H},w)=>_[w]?e+H:e,0);return n.jsxs(r.ThreeVectorContainer,{ratio:"landscape",smallScreenRatio:"portrait",children:[n.jsxs(r.ThreeVectorLayout,{children:[n.jsxs(r.HistogramContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.histogram.title")}),n.jsx(r.Histogram,{data:t,activeRange:s,xDomain:y,yDomain:g,xScale:j,yScale:I,yTicks:h,xTicks:b,step:u,margin:i,width:o,height:p})]}),n.jsx(r.SliderContainer,{style:{paddingInlineStart:$,paddingInlineEnd:V},children:n.jsx(P.default,{min:a,max:c,step:u,value:s,ariaValuetext:({valueNow:e})=>x("supernova_three_vector.slider.valueLabel",{value:e}),label:"distanceSlider",color:"var(--turquoise85,#12726D)",minLabel:`${a} kpc`,maxLabel:`${c} kpc`,onChangeCallback:e=>Array.isArray(e)&&S(e)})}),n.jsxs(r.SkymapContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.skymap.title")}),n.jsx(r.Skymap,{objects:M,images:T,describedById:m,visibleImages:_})]}),n.jsx(r.ResetButton,{onResetCallback:()=>S([a,c])})]}),n.jsx(E.default,{id:m,objects:M,min:s[0],max:s[1]+u,supernovaCount:A})]})};k.displayName="Widgets.SupernovaThreeVector";exports.default=k;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),B=require("react"),O=require("react-i18next"),l=require("d3-array"),z=require("@rubin-epo/epo-react-lib/HorizontalSlider"),d=require("./lib/utils.cjs"),E=require("./widgets/SupernovaThreeVector/LiveLabel/index.cjs"),r=require("./widgets/SupernovaThreeVector/styles.cjs"),N=t=>t&&t.__esModule?t:{default:t},P=N(z),k=({histogramData:t,userData:C,binnedImages:T,step:u=100})=>{const{t:x}=O.useTranslation(),i={top:30,bottom:30,left:50,right:0},m="skyMapDescription",o=600,p=o/1.6,q=[i.left,o-i.right],R=[p-i.bottom,i.top],b=6,h=7,v=0,L=l.max(t,e=>e.value)||Math.max(...t.map(({value:e})=>e)),a=l.min(t,e=>e.bin)||0,c=l.max(t,e=>e.bin)||Math.max(...t.map(({bin:e})=>e)),y=l.nice(a,c,b),g=l.nice(v,L||v,h),j=d.getLinearScale(y,q),I=d.getLinearScale(g,R),[s,S]=B.useState([a,c]),f=15,$=`calc(${i.left/o*100}% - ${f}px)`,V=`calc(${(1-j(c)/o)*100}% - ${f}px)`,_=t.map(({bin:e})=>d.between(e,s[0],s[1])),M=C.filter(({distance:e})=>d.between(e,s[0],s[1]+u)),A=t.reduce((e,{value:H},w)=>_[w]?e+H:e,0);return n.jsxs(r.ThreeVectorContainer,{ratio:"landscape",smallScreenRatio:"portrait",children:[n.jsxs(r.ThreeVectorLayout,{children:[n.jsxs(r.HistogramContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.histogram.title")}),n.jsx(r.Histogram,{data:t,activeRange:s,xDomain:y,yDomain:g,xScale:j,yScale:I,yTicks:h,xTicks:b,step:u,margin:i,width:o,height:p})]}),n.jsx(r.SliderContainer,{style:{paddingInlineStart:$,paddingInlineEnd:V},children:n.jsx(P.default,{min:a,max:c,step:u,value:s,ariaValuetext:({valueNow:e})=>x("supernova_three_vector.slider.valueLabel",{value:e}),color:"var(--turquoise85,#12726D)",minLabel:`${a} kpc`,maxLabel:`${c} kpc`,onChangeCallback:e=>Array.isArray(e)&&S(e)})}),n.jsxs(r.SkymapContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.skymap.title")}),n.jsx(r.Skymap,{objects:M,images:T,describedById:m,visibleImages:_})]}),n.jsx(r.ResetButton,{onResetCallback:()=>S([a,c])})]}),n.jsx(E.default,{id:m,objects:M,min:s[0],max:s[1]+u,supernovaCount:A})]})};k.displayName="Widgets.SupernovaThreeVector";exports.default=k;

package/dist/SupernovaThreeVector.js

@@ -13,12 +13,12 @@ const Z = ({
   binnedImages: $,
   step: s = 100
 }) => {
-  const { t: m } = E(), i = {
+  const { t: m } = E(), o = {
     top: 30,
     bottom: 30,
     left: 50,
     right: 0
-  }, d = "skyMapDescription", a = 600, p = a / 1.6, j = [i.left, a - i.right], I = [p - i.bottom, i.top], u = 6, x = 7, b = 0, V = C(t, (e) => e.value) || Math.max(...t.map(({ value: e }) => e)), c = N(t, (e) => e.bin) || 0, o = C(t, (e) => e.bin) || Math.max(...t.map(({ bin: e }) => e)), h = M(c, o, u), v = M(b, V || b, x), f = L(h, j), A = L(v, I), [n, y] = z([c, o]), g = 15, B = `calc(${i.left / a * 100}% - ${g}px)`, H = `calc(${(1 - f(o) / a) * 100}% - ${g}px)`, S = t.map(
+  }, d = "skyMapDescription", c = 600, p = c / 1.6, j = [o.left, c - o.right], I = [p - o.bottom, o.top], u = 6, x = 7, h = 0, V = C(t, (e) => e.value) || Math.max(...t.map(({ value: e }) => e)), a = N(t, (e) => e.bin) || 0, i = C(t, (e) => e.bin) || Math.max(...t.map(({ bin: e }) => e)), v = M(a, i, u), b = M(h, V || h, x), f = L(v, j), A = L(b, I), [n, y] = z([a, i]), g = 15, B = `calc(${o.left / c * 100}% - ${g}px)`, H = `calc(${(1 - f(i) / c) * 100}% - ${g}px)`, S = t.map(
     ({ bin: e }) => R(e, n[0], n[1])
   ), k = _.filter(
     ({ distance: e }) => R(e, n[0], n[1] + s)
@@ -32,15 +32,15 @@ const Z = ({
           {
             data: t,
             activeRange: n,
-            xDomain: h,
-            yDomain: v,
+            xDomain: v,
+            yDomain: b,
             xScale: f,
             yScale: A,
             yTicks: x,
             xTicks: u,
             step: s,
-            margin: i,
-            width: a,
+            margin: o,
+            width: c,
             height: p
           }
         )
@@ -55,15 +55,14 @@ const Z = ({
           children: /* @__PURE__ */ r(
             U,
             {
-              min: c,
-              max: o,
+              min: a,
+              max: i,
               step: s,
               value: n,
               ariaValuetext: ({ valueNow: e }) => m("supernova_three_vector.slider.valueLabel", { value: e }),
-              label: "distanceSlider",
               color: "var(--turquoise85,#12726D)",
-              minLabel: `${c} kpc`,
-              maxLabel: `${o} kpc`,
+              minLabel: `${a} kpc`,
+              maxLabel: `${i} kpc`,
               onChangeCallback: (e) => Array.isArray(e) && y(e)
             }
           )
@@ -84,7 +83,7 @@ const Z = ({
       /* @__PURE__ */ r(
         Y,
         {
-          onResetCallback: () => y([c, o])
+          onResetCallback: () => y([a, i])
         }
       )
     ] }),

package/dist/atomic/Blinker/Blinker.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent, PropsWithChildren } from "react";
-import { ImageShape } from "@rubin-epo/epo-react-lib/Image";
+import { FunctionComponent, PropsWithChildren } from 'react';
+import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
+
 export interface BlinkerProps {
     images: ImageShape[];
     activeIndex: number;

package/dist/atomic/Blinker/Controls/Controls.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent, MouseEventHandler } from "react";
+import { FunctionComponent, MouseEventHandler } from 'react';
+
 export interface ControlsProps {
     playing: boolean;
     handleStartStop: MouseEventHandler<HTMLButtonElement>;