@rubin-epo/epo-widget-lib 0.10.3 → 0.10.4

package/dist/charts/hooks/useAxis.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../lib/utils.cjs"),a=require("d3-array"),k={linear:d.getLinearScale},M=(s,t,e)=>s>t?-Math.abs(e):Math.abs(e),h=(s,t)=>s.map((e,n)=>n===0?e-t:e+t),p=({min:s,max:t,step:e,ticks:n=5,range:o,scale:i="linear",scaleOptions:u})=>{const c=(typeof e=="number"?Math.floor(Math.abs((t-s)/e)):void 0)||n,l=(typeof e=="number"?M(s,t,e):a.tickStep(s,t,n))/2,r=h(a.nice(s,t,c),l),m=a.ticks(r[0],r[1],c),b=k[i](r,o,u);return[r,m,b]};exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../lib/utils.cjs"),a=require("d3-array"),b={linear:m.getLinearScale},d=(n,e,t)=>n>e?-Math.abs(t):Math.abs(t),M=(n,e)=>n.map((t,r)=>r===0?t-e:t+e),h=({min:n,max:e,step:t,ticks:r=5,range:o,scale:u="linear",scaleOptions:i})=>{const c=(typeof t=="number"?Math.floor(Math.abs((e-n)/t)):void 0)||r,l=(typeof t=="number"?d(n,e,t):a.tickStep(n,e,r))/2,s=M([n,e],l);return[s,a.ticks(n,e,c),b[u](s,o,i)]};exports.default=h;

package/dist/charts/hooks/useAxis.d.ts

@@ -14,5 +14,5 @@ type Axis = [Domain, Array<number>, ScaleFunction];
  * Creates an axis with ticks defined by a min, max, and desired step or number of ticks.
  * @returns [domain, ticks, scale]
  */
-declare const useAxis: ({ min: start, max: stop, step: configStep, ticks: configTicks, range: configRange, scale: configScale, scaleOptions, }: UseAxisProps) => Axis;
+declare const useAxis: ({ min: start, max: stop, step: configStep, ticks: configTicks, range, scale, scaleOptions, }: UseAxisProps) => Axis;
 export default useAxis;

package/dist/charts/hooks/useAxis.js

@@ -1,19 +1,23 @@
-import { getLinearScale as p } from "../../lib/utils.js";
-import { tickStep as k, nice as b, ticks as h } from "d3-array";
-const f = {
-  linear: p
-}, M = (a, e, t) => a > e ? -Math.abs(t) : Math.abs(t), d = (a, e) => a.map((t, n) => n === 0 ? t - e : t + e), F = ({
-  min: a,
-  max: e,
-  step: t,
-  ticks: n = 5,
+import { getLinearScale as u } from "../../lib/utils.js";
+import { tickStep as l, ticks as p } from "d3-array";
+const b = {
+  linear: u
+}, h = (n, t, e) => n > t ? -Math.abs(e) : Math.abs(e), k = (n, t) => n.map((e, a) => a === 0 ? e - t : e + t), S = ({
+  min: n,
+  max: t,
+  step: e,
+  ticks: a = 5,
   range: r,
-  scale: c = "linear",
-  scaleOptions: i
+  scale: s = "linear",
+  scaleOptions: m
 }) => {
-  const o = (typeof t == "number" ? Math.floor(Math.abs((e - a) / t)) : void 0) || n, m = (typeof t == "number" ? M(a, e, t) : k(a, e, n)) / 2, s = d(b(a, e, o), m), l = h(s[0], s[1], o), u = f[c](s, r, i);
-  return [s, l, u];
+  const c = (typeof e == "number" ? Math.floor(Math.abs((t - n) / e)) : void 0) || a, i = (typeof e == "number" ? h(n, t, e) : l(n, t, a)) / 2, o = k([n, t], i);
+  return [
+    o,
+    p(n, t, c),
+    b[s](o, r, m)
+  ];
 };
 export {
-  F as default
+  S as default
 };

package/dist/charts/hooks/useAxis.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/localeStrings/en/epo-widget-lib.json

@@ -128,7 +128,7 @@
       "point_label_peak": "Apparent Magnitude: {{magnitude}} at peak",
       "point_label_after_one": "Apparent Magnitude: {{magnitude}} {{count}} day after peak",
       "point_label_after_other": "Apparent Magnitude: {{magnitude}} {{count}} days after peak",
-      "tooltip": "Apparent Magnitude: {{magnitude}}"
+      "tooltip": "m: {{magnitude}}"
     }
   },
   "isochrone_plot": {

package/dist/widgets/LightCurvePlot/Plot/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),M=require("react-i18next"),y=require("d3-array"),k=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const x=require("../../../lib/utils.cjs"),u=require("../defaults.cjs"),v=require("./styles.cjs"),C=require("../../../atomic/PlotWrapper/styles.cjs"),E=(i,c,p)=>{const o={};return Object.keys(i).forEach(e=>{const a=e==="top"||e==="bottom"?p:c,n=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${n}`]=`${i[e]/a*100}%`}),o},A=({data:i,activeAlertId:c,xMin:p,xMax:o,yMin:d,yMax:e,width:a=u.default.width,height:n=u.default.height,name:j,slider:g,className:q,plotChildren:h})=>{const{t:l,i18n:{language:W}}=M.useTranslation(),D=x.mergeWithDefaults({min:y.min(i,({x:t})=>t),max:y.max(i,({x:t})=>t)},u.default.xAxis),P=x.mergeWithDefaults({min:p,max:o,label:l("light_curve.plot.x_label")},{...D,label:l("isochrone_plot.plot.x_label")}),r=x.mergeWithDefaults({min:d,max:e,label:l("light_curve.plot.y_label")},{...u.default.yAxis,label:l("isochrone_plot.plot.y_label")}),b={top:10,right:10,bottom:25,left:40};return s.jsxs(C.PlotWrapper,{className:q,children:[s.jsx(k.default,{width:a,height:n,margins:b,activePointId:c,title:j,xAxis:{...P,ticks:6},yAxis:{...r,step:r.min<r.max?Math.abs(r.step):r.step},data:{label:l("light_curve.plot.plot_label"),points:i},tooltip:({y:t})=>l("light_curve.plot.tooltip",{magnitude:t.toLocaleString(W,{minimumFractionDigits:2,maximumFractionDigits:2})}),plotChildren:({xScale:t,yStart:f,yEnd:m,Data:_,...$})=>s.jsxs(s.Fragment,{children:[s.jsx("rect",{x:t(0),y:m,width:t(15)-t(0),height:f-m,stroke:"var(--neutral60,##6A6E6E)",strokeDasharray:6,fill:"var(--neutral20,#DCE0E3)"}),_,h&&h({xScale:t,yStart:f,yEnd:m,Data:_,...$})]})}),g&&s.jsx(v.SliderOuterWrapper,{children:s.jsx(v.SliderInnerWrapper,{style:{...E(b,a,n)},children:g})})]})};A.displayName="Widgets.LightCurve.Plot";const F=A;exports.default=F;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),M=require("react-i18next"),y=require("d3-array"),C=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const x=require("../../../lib/utils.cjs"),u=require("../defaults.cjs"),v=require("./styles.cjs"),E=require("../../../atomic/PlotWrapper/styles.cjs"),F=(l,c,p)=>{const o={};return Object.keys(l).forEach(e=>{const a=e==="top"||e==="bottom"?p:c,n=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${n}`]=`${l[e]/a*100}%`}),o},A=({data:l,activeAlertId:c,xMin:p,xMax:o,yMin:d,yMax:e,width:a=u.default.width,height:n=u.default.height,name:j,slider:g,className:q,plotChildren:h})=>{const{t:i,i18n:{language:W}}=M.useTranslation(),D=x.mergeWithDefaults({min:y.min(l,({x:t})=>t),max:y.max(l,({x:t})=>t)},u.default.xAxis),P=x.mergeWithDefaults({min:p,max:o,label:i("light_curve.plot.x_label")},{...D,label:i("isochrone_plot.plot.x_label")}),r=x.mergeWithDefaults({min:d,max:e,label:i("light_curve.plot.y_label")},{...u.default.yAxis,label:i("isochrone_plot.plot.y_label")}),b={top:10,right:10,bottom:25,left:40};return s.jsxs(E.PlotWrapper,{className:q,children:[s.jsx(C.default,{width:a,height:n,margins:b,activePointId:c,title:j,xAxis:{...P},yAxis:{...r,step:r.min<r.max?Math.abs(r.step):r.step},data:{label:i("light_curve.plot.plot_label"),points:l},tooltip:({y:t})=>i("light_curve.plot.tooltip",{magnitude:t.toLocaleString(W,{minimumFractionDigits:2,maximumFractionDigits:2})}),plotChildren:({xScale:t,yStart:f,yEnd:m,Data:_,...$})=>s.jsxs(s.Fragment,{children:[s.jsx("rect",{x:t(0),y:m,width:t(15)-t(0),height:f-m,stroke:"var(--neutral60,##6A6E6E)",strokeDasharray:6,fill:"var(--neutral20,#DCE0E3)"}),_,h&&h({xScale:t,yStart:f,yEnd:m,Data:_,...$})]})}),g&&s.jsx(v.SliderOuterWrapper,{children:s.jsx(v.SliderInnerWrapper,{style:{...F(b,a,n)},children:g})})]})};A.displayName="Widgets.LightCurve.Plot";const I=A;exports.default=I;

package/dist/widgets/LightCurvePlot/Plot/index.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as A, jsx as n, Fragment as k } from "react/jsx-runtime";
-import { useTranslation as C } from "react-i18next";
-import { min as E, max as F } from "d3-array";
+import { jsxs as A, jsx as n, Fragment as C } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import { min as F, max as k } from "d3-array";
 import I from "../../../charts/ScatterPlot/index.js";
 import "../../../atomic/PlotWrapper/index.js";
 import { mergeWithDefaults as u } from "../../../lib/utils.js";
 import m from "../defaults.js";
 import { SliderOuterWrapper as L, SliderInnerWrapper as M } from "./styles.js";
 import { PlotWrapper as N } from "../../../atomic/PlotWrapper/styles.js";
-const O = (i, p, c) => {
+const O = (e, p, c) => {
   const l = {};
-  return Object.keys(i).forEach((o) => {
+  return Object.keys(e).forEach((o) => {
     const s = o === "top" || o === "bottom" ? c : p, a = `${o.charAt(0).toUpperCase()}${o.slice(1)}`;
-    l[`padding${a}`] = `${i[o] / s * 100}%`;
+    l[`padding${a}`] = `${e[o] / s * 100}%`;
   }), l;
 }, v = ({
-  data: i,
+  data: e,
   activeAlertId: p,
   xMin: c,
   xMax: l,
@@ -29,25 +29,25 @@ const O = (i, p, c) => {
   plotChildren: f
 }) => {
   const {
-    t: e,
+    t: i,
     i18n: { language: W }
-  } = C(), $ = u(
+  } = E(), $ = u(
     {
-      min: E(i, ({ x: t }) => t),
-      max: F(i, ({ x: t }) => t)
+      min: F(e, ({ x: t }) => t),
+      max: k(e, ({ x: t }) => t)
     },
     m.xAxis
   ), D = u(
-    { min: c, max: l, label: e("light_curve.plot.x_label") },
+    { min: c, max: l, label: i("light_curve.plot.x_label") },
     {
       ...$,
-      label: e("isochrone_plot.plot.x_label")
+      label: i("isochrone_plot.plot.x_label")
     }
   ), r = u(
-    { min: x, max: o, label: e("light_curve.plot.y_label") },
+    { min: x, max: o, label: i("light_curve.plot.y_label") },
     {
       ...m.yAxis,
-      label: e("isochrone_plot.plot.y_label")
+      label: i("isochrone_plot.plot.y_label")
     }
   ), b = {
     top: 10,
@@ -65,24 +65,23 @@ const O = (i, p, c) => {
         activePointId: p,
         title: y,
         xAxis: {
-          ...D,
-          ticks: 6
+          ...D
         },
         yAxis: {
           ...r,
           step: r.min < r.max ? Math.abs(r.step) : r.step
         },
         data: {
-          label: e("light_curve.plot.plot_label"),
-          points: i
+          label: i("light_curve.plot.plot_label"),
+          points: e
         },
-        tooltip: ({ y: t }) => e("light_curve.plot.tooltip", {
+        tooltip: ({ y: t }) => i("light_curve.plot.tooltip", {
           magnitude: t.toLocaleString(W, {
             minimumFractionDigits: 2,
             maximumFractionDigits: 2
           })
         }),
-        plotChildren: ({ xScale: t, yStart: d, yEnd: h, Data: _, ...j }) => /* @__PURE__ */ A(k, { children: [
+        plotChildren: ({ xScale: t, yStart: d, yEnd: h, Data: _, ...j }) => /* @__PURE__ */ A(C, { children: [
           /* @__PURE__ */ n(
             "rect",
             {

package/dist/widgets/LightCurvePlot/PlotWithoutCurve/index.d.ts

@@ -1,9 +1,9 @@
 import { FunctionComponent } from 'react';
-import { Alert } from '../../../types/astro';
+import { BaseAlert } from '../../../types/astro';
 import { PlotProps } from '../Plot';
 
 export interface PlotWithoutCurveProps extends Omit<PlotProps, "data"> {
-    alerts: Array<Alert>;
+    alerts: Array<BaseAlert>;
     peakMjd: number;
 }
 declare const PlotWithoutCurve: FunctionComponent<PlotWithoutCurveProps>;

package/dist/widgets/LightCurvePlot/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={xAxis:{min:-10,max:50,step:10},yAxis:{min:20,max:14,step:-.5},width:600,height:600,gaussianMin:-4,gaussianMax:4,gaussianStep:.01,gaussianWidth:-2,yOffsetMin:-50,yOffsetMax:50,yOffsetStep:.1,yOffset:-2},s=e;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s={xAxis:{min:-10,max:50,ticks:6},yAxis:{min:20,max:14,step:-.5},width:600,height:600,gaussianMin:-4,gaussianMax:4,gaussianStep:.01,gaussianWidth:-2,yOffsetMin:-50,yOffsetMax:50,yOffsetStep:.1,yOffset:-2},e=s;exports.default=e;

package/dist/widgets/LightCurvePlot/defaults.d.ts

@@ -2,7 +2,7 @@ declare const defaults: {
     xAxis: {
         min: number;
         max: number;
-        step: number;
+        ticks: number;
     };
     yAxis: {
         min: number;

package/dist/widgets/LightCurvePlot/defaults.js

@@ -1,5 +1,5 @@
 const s = {
-  xAxis: { min: -10, max: 50, step: 10 },
+  xAxis: { min: -10, max: 50, ticks: 6 },
   yAxis: { min: 20, max: 14, step: -0.5 },
   width: 600,
   height: 600,

package/dist/widgets/LightCurvePlot/helpers.d.ts

@@ -1,8 +1,8 @@
-import { Alert } from '../../types/astro';
+import { BaseAlert } from '../../types/astro';
 import { PlotPoint, Point } from '../../types/charts';
 
 export declare const daysSincePeak: (current: number, peak: number) => number;
-export declare const useAlertsAsPoints: (alerts: Array<Alert>, phaseCorrection: number) => Array<PlotPoint>;
+export declare const useAlertsAsPoints: (alerts: Array<BaseAlert>, phaseCorrection: number) => Array<PlotPoint>;
 export declare const gaussianBump: (x: number, gaussianWidth: number) => number;
 export declare const exponentialRise: (x: number, magnitude: number) => number;
 /**

package/package.json

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