@rubin-epo/epo-widget-lib 1.0.6 → 1.0.8

package/dist/IsochronePlot.cjs

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

package/dist/IsochronePlot.js

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

package/dist/widgets/ColorTool/FilterControls/styles.d.ts

@@ -949,7 +949,7 @@ export declare const FilterToggle: import('styled-components').IStyledComponent<
     kind?: string | undefined;
     srcLang?: string | undefined;
     poster?: string | undefined;
-    icon?: "Account" | "ArrowUpFromBracket" | "Backward" | "BackwardStep" | "Calendar" | "Cancel" | "CaretDown" | "CheckeredFlag" | "Checkmark" | "CheckmarkCircle" | "CircularLoader" | "Chevron" | "ChevronLeftElongated" | "ChevronRightElongated" | "ChevronThin" | "Close" | "CloseCircle" | "Cloud" | "Doc" | "DocArrowRight" | "DocInverted" | "Email" | "Expand" | "Eye" | "Facebook" | "FloppyDisk" | "Forward" | "ForwardStep" | "Globe" | "Google" | "Hamburger" | "Info" | "InfoCircle" | "Instagram" | "Lightbulb" | "LinkedIn" | "LockClosed" | "LockOpen" | "LogOut" | "Mail" | "Minus" | "Page" | "Pause" | "Phone" | "Pin" | "Play" | "Plus" | "QuestionCircle" | "RotateLeft" | "RotateLeftWithCenter" | "Search" | "ShareCopyUrl" | "ShareEmail" | "ShareFacebook" | "ShareToggle" | "ShareTwitter" | "Team" | "Temp" | "Thumbtack" | "Time" | "Timer" | "Twitter" | "User" | "UserInverted" | "Video" | "YouTube" | "Pdf" | "Word" | undefined;
+    icon?: "Account" | "ArrowUpFromBracket" | "Backward" | "BackwardStep" | "Calendar" | "Cancel" | "CaretDown" | "CheckeredFlag" | "Checkmark" | "CheckmarkCircle" | "CircularLoader" | "Chevron" | "ChevronLeftElongated" | "ChevronRightElongated" | "ChevronThin" | "Close" | "CloseCircle" | "Cloud" | "Doc" | "DocArrowRight" | "DocInverted" | "Email" | "Expand" | "Eye" | "Facebook" | "FloppyDisk" | "FocalPlane" | "Forward" | "ForwardStep" | "Globe" | "Google" | "Hamburger" | "Info" | "InfoCircle" | "Instagram" | "Lightbulb" | "LinkedIn" | "LockClosed" | "LockOpen" | "LogOut" | "Mail" | "Minus" | "Moon" | "Page" | "Pause" | "Phone" | "Pin" | "Play" | "Plus" | "QuestionCircle" | "RotateLeft" | "RotateLeftWithCenter" | "Search" | "ShareCopyUrl" | "ShareEmail" | "ShareFacebook" | "ShareToggle" | "ShareTwitter" | "Team" | "Temp" | "Thumbtack" | "Time" | "Timer" | "Twitter" | "User" | "UserInverted" | "Video" | "YouTube" | "Pdf" | "Word" | undefined;
     iconSize?: string | number | undefined;
     isBlock?: boolean | undefined;
     styleAs?: import('@rubin-epo/epo-react-lib/Button').ButtonStyleAs | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -45,7 +45,7 @@
     "d3-geo-projection": "^4.0.0",
     "lodash": "^4.17.21",
     "react-slider": "^2.0.6",
-    "skia-canvas": "^1.0.1",
+    "skia-canvas": "^1.0.2",
     "styled-components": "^6.1.1",
     "use-resize-observer": "^9.1.0"
   }