@rubin-epo/epo-widget-lib 0.9.7 → 0.9.9

package/dist/widgets/SourceSelector/SourceSelector.js

@@ -1,80 +1,73 @@
 "use client";
-import { jsxs as n, jsx as t, Fragment as W } from "react/jsx-runtime";
+import { jsxs as n, jsx as t, Fragment as _ } from "react/jsx-runtime";
 import { useState as i } from "react";
-import { useTranslation as _ } from "react-i18next";
+import { useTranslation as q } from "react-i18next";
 import E from "@rubin-epo/epo-react-lib/IconComposer";
-import { Container as F } from "../../styles/svg.js";
+import F from "../../layout/AspectRatio/index.js";
 import { BackgroundBlinker as N, ElapsedDisplay as P } from "./styles.js";
 import R from "./PointSelector/index.js";
 import T from "./Message/Message.js";
-const h = ({
-  width: l = 600,
-  height: d = 600,
+const g = ({
+  width: h = 600,
+  height: p = 600,
   selectedSource: r = [],
   sources: S,
   alerts: e = [],
   activeAlertIndex: c = 0,
   alertChangeCallback: k,
-  selectionCallback: m,
-  blinkConfig: C,
+  selectionCallback: l,
+  blinkConfig: M,
   isDisplayOnly: o = !1,
-  className: M
+  className: b
 }) => {
-  const [b, V] = i(!1), [$, u] = i(), [j, a] = i(!1), { t: f } = _(), g = "sourceSelectorWidget", x = (s) => {
-    b && !o && (s ? r.includes(s) || (m && m(r.concat(s)), u(
-      /* @__PURE__ */ n(W, { children: [
+  const [C, A] = i(!1), [V, d] = i(), [j, a] = i(!1), { t: m } = q(), u = "sourceSelectorWidget", x = (s) => {
+    C && !o && (s ? r.includes(s) || (l && l(r.concat(s)), d(
+      /* @__PURE__ */ n(_, { children: [
         /* @__PURE__ */ t(E, { icon: "checkmark" }),
-        f("source_selector.messages.success")
+        m("source_selector.messages.success")
       ] })
-    ), a(!0)) : (u(f("source_selector.messages.failure")), a(!0)));
-  }, A = () => {
+    ), a(!0)) : (d(m("source_selector.messages.failure")), a(!0)));
+  }, B = () => {
     a(!1);
-  }, p = e[c].date - e[0].date, B = Math.round(p), I = Math.round(24 / p % 24) || 0, L = o ? [e[c].image] : e.map(({ image: s }) => s);
-  return /* @__PURE__ */ n(
-    F,
-    {
-      style: { aspectRatio: `${l} / ${d}` },
-      className: M,
-      children: [
-        !o && /* @__PURE__ */ t(
-          T,
-          {
-            onMessageChangeCallback: A,
-            isVisible: j,
-            forIds: [g],
-            children: $
-          }
-        ),
-        /* @__PURE__ */ n(
-          N,
-          {
-            images: L,
-            activeIndex: c,
-            blinkCallback: k,
-            loadedCallback: () => V(!0),
-            ...C,
-            children: [
-              e.length > 0 && !o && /* @__PURE__ */ t(P, { day: B, hour: I }),
-              /* @__PURE__ */ t(
-                R,
-                {
-                  id: g,
-                  onSelectCallback: x,
-                  width: l,
-                  height: d,
-                  sources: S,
-                  selectedSource: r
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
+  }, f = e[c].date - e[0].date, I = Math.round(f), L = Math.round(24 / f % 24) || 0, W = o ? [e[c].image] : e.map(({ image: s }) => s);
+  return /* @__PURE__ */ n(F, { ratio: "square", className: b, children: [
+    !o && /* @__PURE__ */ t(
+      T,
+      {
+        onMessageChangeCallback: B,
+        isVisible: j,
+        forIds: [u],
+        children: V
+      }
+    ),
+    /* @__PURE__ */ n(
+      N,
+      {
+        images: W,
+        activeIndex: c,
+        blinkCallback: k,
+        loadedCallback: () => A(!0),
+        ...M,
+        children: [
+          e.length > 0 && !o && /* @__PURE__ */ t(P, { day: I, hour: L }),
+          /* @__PURE__ */ t(
+            R,
+            {
+              id: u,
+              onSelectCallback: x,
+              width: h,
+              height: p,
+              sources: S,
+              selectedSource: r
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
-h.displayName = "Widgets.SourceSelector";
-const X = h;
+g.displayName = "Widgets.SourceSelector";
+const X = g;
 export {
   X as default
 };

package/dist/widgets/SupernovaThreeVector/Histogram/index.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from "react";
-import { ChartMargin, Domain, HistogramData, ScaleFunction } from '../../../charts/types';
+import { ChartMargin, Domain, HistogramData, ScaleFunction } from '../../../types/charts';
 interface DistanceHistogramProps {
     data: HistogramData;
     activeRange: Array<number>;

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

@@ -1,6 +1,6 @@
 import { FunctionComponent } from "react";
 import { ImageShape } from "@rubin-epo/epo-react-lib/Image";
-import { HistogramData } from '../../charts/types';
+import { HistogramData } from '../../types/charts';
 import { SkymapObject } from "./Skymap";
 interface SupernovaThreeVectorProps {
     histogramData: HistogramData;

package/dist/widgets/SupernovaThreeVector/styles.cjs

@@ -1,6 +1,6 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),r=require("../../atomic/Button/patterns/Reset.cjs"),a=require("./Histogram/index.cjs"),o=require("./Skymap/index.cjs"),s=n=>n&&n.__esModule?n:{default:n},e=s(i),d=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),r=require("../../layout/AspectRatio/index.cjs"),a=require("../../atomic/Button/patterns/Reset.cjs"),o=require("./Histogram/index.cjs"),s=require("./Skymap/index.cjs"),d=n=>n&&n.__esModule?n:{default:n},e=d(i),c=e.default(r.default)`
   container-type: inline-size;
-`,c=e.default.div`
+`,l=e.default.div`
   --three-vector-gap: calc(var(--PADDING_SMALL, 20px) / 2);
 
   display: grid;
@@ -13,7 +13,7 @@
     "reset";
   gap: var(--three-vector-gap);
 
-  @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
     grid-template-columns: 1fr 1fr;
     grid-template-rows: 1fr min-content min-content;
     grid-template-areas:
@@ -26,13 +26,13 @@
     --three-vector-gap: var(--PADDING_SMALL, 20px);
     gap: var(--three-vector-gap);
   }
-`,l=e.default.div`
+`,m=e.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: histogram;
-`,m=e.default(a.default)`
+`,u=e.default(o.default)`
   font-size: 2.25em;
 
   @container (
@@ -54,15 +54,15 @@
   }
 `,f=e.default.div`
   grid-area: slider;
-`,p=e.default(r.default)`
+`,p=e.default(a.default)`
   grid-area: reset;
-`,u=e.default.div`
+`,g=e.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: skymap;
-`,g=e.default(o.default)`
+`,h=e.default(s.default)`
   max-width: 100%;
   font-size: 2.25em;
 
@@ -83,6 +83,6 @@
 ) {
     font-size: 1em;
   }
-`,h=e.default.h4`
+`,_=e.default.h4`
   margin: 0;
-`;exports.ChartTitle=h;exports.Histogram=m;exports.HistogramContainer=l;exports.ResetButton=p;exports.Skymap=g;exports.SkymapContainer=u;exports.SliderContainer=f;exports.ThreeVectorContainer=d;exports.ThreeVectorLayout=c;
+`;exports.ChartTitle=_;exports.Histogram=u;exports.HistogramContainer=m;exports.ResetButton=p;exports.Skymap=h;exports.SkymapContainer=g;exports.SliderContainer=f;exports.ThreeVectorContainer=c;exports.ThreeVectorLayout=l;

package/dist/widgets/SupernovaThreeVector/styles.js

@@ -1,12 +1,13 @@
 "use client";
 import e from "styled-components";
 import { token as t } from "@rubin-epo/epo-react-lib/styles";
-import i from "../../atomic/Button/patterns/Reset.js";
-import r from "./Histogram/index.js";
-import n from "./Skymap/index.js";
-const p = e.div`
+import i from "../../layout/AspectRatio/index.js";
+import r from "../../atomic/Button/patterns/Reset.js";
+import n from "./Histogram/index.js";
+import o from "./Skymap/index.js";
+const g = e(i)`
   container-type: inline-size;
-`, d = e.div`
+`, l = e.div`
   --three-vector-gap: calc(var(--PADDING_SMALL, 20px) / 2);
 
   display: grid;
@@ -19,7 +20,7 @@ const p = e.div`
     "reset";
   gap: var(--three-vector-gap);
 
-  @container (min-width: ${t("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     grid-template-columns: 1fr 1fr;
     grid-template-rows: 1fr min-content min-content;
     grid-template-areas:
@@ -32,13 +33,13 @@ const p = e.div`
     --three-vector-gap: var(--PADDING_SMALL, 20px);
     gap: var(--three-vector-gap);
   }
-`, g = e.div`
+`, f = e.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: histogram;
-`, l = e(r)`
+`, h = e(n)`
   font-size: 2.25em;
 
   @container (
@@ -58,17 +59,17 @@ const p = e.div`
   ) {
     font-size: 1em;
   }
-`, f = e.div`
+`, A = e.div`
   grid-area: slider;
-`, h = e(i)`
+`, E = e(r)`
   grid-area: reset;
-`, A = e.div`
+`, B = e.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: skymap;
-`, B = e(n)`
+`, _ = e(o)`
   max-width: 100%;
   font-size: 2.25em;
 
@@ -89,17 +90,17 @@ const p = e.div`
 ) {
     font-size: 1em;
   }
-`, E = e.h4`
+`, v = e.h4`
   margin: 0;
 `;
 export {
-  E as ChartTitle,
-  l as Histogram,
-  g as HistogramContainer,
-  h as ResetButton,
-  B as Skymap,
-  A as SkymapContainer,
-  f as SliderContainer,
-  p as ThreeVectorContainer,
-  d as ThreeVectorLayout
+  v as ChartTitle,
+  h as Histogram,
+  f as HistogramContainer,
+  E as ResetButton,
+  _ as Skymap,
+  B as SkymapContainer,
+  A as SliderContainer,
+  g as ThreeVectorContainer,
+  l as ThreeVectorLayout
 };

package/package.json

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

package/dist/styles/svg.cjs

@@ -1,8 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),i=t=>t&&t.__esModule?t:{default:t},n=i(e),o=n.default.div`
-  position: relative;
-  min-width: var(--BREAK_MOBILE_MIN, 280px);
-
-  @media print {
-    width: var(--BREAK_MOBILE_MIN, 280px);
-  }
-`;exports.Container=o;

package/dist/styles/svg.js

@@ -1,13 +0,0 @@
-"use client";
-import i from "styled-components";
-const e = i.div`
-  position: relative;
-  min-width: var(--BREAK_MOBILE_MIN, 280px);
-
-  @media print {
-    width: var(--BREAK_MOBILE_MIN, 280px);
-  }
-`;
-export {
-  e as Container
-};

package/dist/widgets/ColorTool/Actions/styles.cjs

@@ -1,5 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=t=>t&&t.__esModule?t:{default:t},l=o(e),a=l.default.div`
-  display: flex;
-  gap: var(--color-tool-padding, var(--PADDING_SMALL, 20px));
-  grid-area: actions;
-`;exports.Actions=a;

package/dist/widgets/ColorTool/Actions/styles.js

@@ -1,10 +0,0 @@
-"use client";
-import o from "styled-components";
-const i = o.div`
-  display: flex;
-  gap: var(--color-tool-padding, var(--PADDING_SMALL, 20px));
-  grid-area: actions;
-`;
-export {
-  i as Actions
-};

package/dist/widgets/LightCurvePlot/A11Y/LightCurveLabel/index.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),d=require("react-i18next"),b=require("lodash/minBy"),v=require("../../helpers.cjs"),L=require("../../../../lib/utils.cjs"),f=require("./styles.cjs"),h=e=>e&&e.__esModule?e:{default:e},_=h(b),u=({data:e,gaussianWidth:n,yOffset:s,controlledById:l,estimatedPeak:o})=>{const{t:c,i18n:{language:r}}=d.useTranslation(),a=e.filter(({x:t})=>L.between(t,0,15)).reduce((t,m)=>t+v.calculateResidual(m,n,s),0)/e.length,{y:i}=_.default(e,({y:t})=>t)||{};return g.jsx(f.HiddenOutput,{form:l,children:c("light_curve.curve.description",{residual:a.toLocaleString(r,{minimumFractionDigits:2,maximumFractionDigits:2}),brightest:i==null?void 0:i.toLocaleString(r,{minimumFractionDigits:1,maximumFractionDigits:1}),context:o<Number(i)?"above":"below"})})};u.displayName="Widgets.LightCurvel.A11Y.LightCurveLabel";const p=u;exports.default=p;

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),d=require("../../../charts/ForeignObject/index.cjs"),s=require("../helpers.cjs"),i=require("./styles.cjs"),n=({gaussianWidth:t,className:r})=>{const{t:a,i18n:{language:l}}=u.useTranslation(),c=s.estimateMagnitude(0,t),o=s.estimateMagnitude(15,t)-c;return e.jsx(d.default,{children:e.jsx(i.DisplayContainer,{children:e.jsxs(i.Display,{className:r,children:[e.jsx(i.Line,{}),e.jsxs("math",{xmlns:"http://www.w3.org/1998/Math/MathML",children:[e.jsx("mn",{children:"Δ"}),e.jsxs("msub",{children:[e.jsx("mi",{children:"m"}),e.jsx("mn",{children:"15"})]}),e.jsx("mo",{children:"="}),e.jsx("mn",{role:"status","aria-live":"polite","aria-label":a("light_curve.deltaM15.label")||void 0,children:Number(o).toLocaleString(l,{minimumFractionDigits:2,maximumFractionDigits:2})})]})]})})})};n.displayName="Widgets.LightCurve.DM15Display";const m=n;exports.default=m;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),g=require("d3-array"),v=require("../helpers.cjs"),n=({xScale:s,xDomain:t,yScale:r,yDomain:u,gaussianWidth:i,yOffset:a})=>{const o=g.range(t[0],t[1],.5).map(e=>({x:e,y:v.estimateMagnitude(e,i)})).map(({x:e,y:d},l)=>`${l===0?"M":"L"}${s(e)},${r(d)}`).join("");return c.jsx("path",{transform:`translate(0,${r(u[0]-a)})`,d:o,fill:"none",strokeWidth:2,stroke:"var(--black,#000)",pointerEvents:"none"})};n.displayName="Widgets.LightCurve.Curve";const m=n;exports.default=m;

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),h=require("react-i18next"),a=require("./styles.cjs"),x=(t,n,s)=>{const i=Number(Math.abs(n-t).toFixed(1)),u=i.toLocaleString(s,{minimumFractionDigits:1,maximumFractionDigits:1});let e;return i<=.05?(e="equal",{distance:i,context:e}):(t<n?e="above":e="below",{distance:u,context:e})},c=({magnitude:t,yMin:n,yMax:s,onMagnitudeChangeCallback:i,estimatedPeak:u,disabled:e,width:v,height:S})=>{const{t:l,i18n:{language:o}}=h.useTranslation();return r.jsx(a.Slider,{ariaLabel:l("light_curve.magnitude_slider.label")||void 0,orientation:"vertical",value:t,min:n,max:s,step:.1,disabled:e,ariaValuetext:()=>l("light_curve.magnitude_slider.value",{...x(u,t,o),magnitude:t.toLocaleString(o,{minimumFractionDigits:1,maximumFractionDigits:1})}),onChange:i,renderThumb:({key:d,style:m,...g})=>r.jsxs(a.ThumbContainer,{...g,style:m,children:[r.jsx(a.ThumbBar,{}),r.jsx(a.ThumbHandle,{})]},d)})};c.displayName="Widgets.LightCurve.MagnitudeSlider";const b=c;exports.default=b;

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

@@ -1,55 +0,0 @@
-"use client";
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { Slider as b, ThumbContainer as x, ThumbBar as v, ThumbHandle as f } from "./styles.js";
-const p = (t, n, a) => {
-  const e = Number(Math.abs(n - t).toFixed(1)), r = e.toLocaleString(a, {
-    minimumFractionDigits: 1,
-    maximumFractionDigits: 1
-  });
-  let i;
-  return e <= 0.05 ? (i = "equal", { distance: e, context: i }) : (t < n ? i = "above" : i = "below", { distance: r, context: i });
-}, u = ({
-  magnitude: t,
-  yMin: n,
-  yMax: a,
-  onMagnitudeChangeCallback: e,
-  estimatedPeak: r,
-  disabled: i,
-  width: S,
-  height: D
-}) => {
-  const {
-    t: l,
-    i18n: { language: m }
-  } = h();
-  return /* @__PURE__ */ o(
-    b,
-    {
-      ariaLabel: l("light_curve.magnitude_slider.label") || void 0,
-      orientation: "vertical",
-      value: t,
-      min: n,
-      max: a,
-      step: 0.1,
-      disabled: i,
-      ariaValuetext: () => l("light_curve.magnitude_slider.value", {
-        ...p(r, t, m),
-        magnitude: t.toLocaleString(m, {
-          minimumFractionDigits: 1,
-          maximumFractionDigits: 1
-        })
-      }),
-      onChange: e,
-      renderThumb: ({ key: s, style: c, ...d }) => /* @__PURE__ */ g(x, { ...d, style: c, children: [
-        /* @__PURE__ */ o(v, {}),
-        /* @__PURE__ */ o(f, {})
-      ] }, s)
-    }
-  );
-};
-u.displayName = "Widgets.LightCurve.MagnitudeSlider";
-const L = u;
-export {
-  L as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=({x:n,y:s,error:t,onMouseOver:l,onMouseOut:a,description:o})=>e.jsxs("g",{role:"listitem","aria-label":o,transform:`translate(${n},${s})`,onMouseOver:l,onMouseOut:a,children:[e.jsx("line",{x:0,y1:t,y2:-t,stroke:"var(--black, #000)",strokeWidth:1,fill:"none"}),e.jsx("line",{x1:-3,x2:3,y1:t,y2:t,stroke:"var(--black, #000)",strokeWidth:1,fill:"none"}),e.jsx("line",{x1:-3,x2:3,y1:-t,y2:-t,stroke:"var(--black, #000)",strokeWidth:1,fill:"none"}),e.jsx("circle",{fill:"var(--turquoise85, #12726D)",r:6,cursor:"pointer"})]});i.displayName="Widgets.LightCurve.Point";const r=i;exports.default=r;

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

@@ -1,11 +0,0 @@
-import { FunctionComponent } from "react";
-interface LightCurvePointProps {
-    x: number;
-    y: number;
-    error: number;
-    onMouseOver: () => void;
-    onMouseOut: () => void;
-    description?: string;
-}
-declare const LightCurvePoint: FunctionComponent<LightCurvePointProps>;
-export default LightCurvePoint;

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

@@ -1,68 +0,0 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-const n = ({
-  x: e,
-  y: a,
-  error: t,
-  onMouseOver: s,
-  onMouseOut: l,
-  description: o
-}) => /* @__PURE__ */ r(
-  "g",
-  {
-    role: "listitem",
-    "aria-label": o,
-    transform: `translate(${e},${a})`,
-    onMouseOver: s,
-    onMouseOut: l,
-    children: [
-      /* @__PURE__ */ i(
-        "line",
-        {
-          x: 0,
-          y1: t,
-          y2: -t,
-          stroke: "var(--black, #000)",
-          strokeWidth: 1,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "line",
-        {
-          x1: -3,
-          x2: 3,
-          y1: t,
-          y2: t,
-          stroke: "var(--black, #000)",
-          strokeWidth: 1,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "line",
-        {
-          x1: -3,
-          x2: 3,
-          y1: -t,
-          y2: -t,
-          stroke: "var(--black, #000)",
-          strokeWidth: 1,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "circle",
-        {
-          fill: "var(--turquoise85, #12726D)",
-          r: 6,
-          cursor: "pointer"
-        }
-      )
-    ]
-  }
-);
-n.displayName = "Widgets.LightCurve.Point";
-const u = n;
-export {
-  u as default
-};

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),w=require("react"),G=require("react-i18next"),k=require("d3-array"),F=require("../../../charts/hooks/useAxis.cjs"),J=require("../../../charts/XAxis/index.cjs"),K=require("../../../charts/YAxis/index.cjs"),Q=require("../../../charts/Tooltip/index.cjs"),V=require("../../../charts/ClippingContainer/index.cjs"),X=require("../../../charts/Viewport/index.cjs"),i=require("../defaults.cjs"),Y=require("../Point/index.cjs"),y=require("./styles.cjs"),Z=(o,b,g)=>{const h={};return Object.keys(o).forEach(n=>{const a=n==="top"||n==="bottom"?g:b,c=`${n.charAt(0).toUpperCase()}${n.slice(1)}`;h[`padding${c}`]=`${o[n]/a*100}%`}),h},O=({data:o,activeAlertId:b,xMin:g,xMax:h,yMin:m=i.default.yMin,yMax:n=i.default.yMax,width:a=i.default.width,height:c=i.default.height,name:P,children:R,slider:q,className:W})=>{const{t:d,i18n:{language:C}}=G.useTranslation(),[S,L]=w.useState(),D=d("light_curve.plot.x_label"),_="xAxisLabel",T=d("light_curve.plot.y_label"),M="yAxisLabel",s=typeof S<"u"?o[S]:o.find(({id:r})=>r===b),x={top:10,right:10,bottom:25,left:40},f=[0+x.left,a-x.right],[A,z,l]=F.default({min:g||k.min(o,({x:r})=>r)||i.default.xMin,max:h||k.max(o,({x:r})=>r)||i.default.xMax,step:i.default.xStep,range:f}),v=l(A[0]),p=[c-x.bottom,0+x.top],[u,H,t]=F.default({min:m,max:n,step:m<n?Math.abs(i.default.yStep):i.default.yStep,range:p}),$=t(u[0]);return e.jsxs(y.PlotContainer,{className:W,children:[e.jsxs(y.Chart,{width:a,height:c,horizontalLabel:D,horizontalLabelId:_,verticalLabel:T,verticalLabelId:M,title:P,children:[e.jsxs(V.default,{x:v,y:t(u[1]),width:f[1]-f[0],height:p[0]-p[1],children:[e.jsx("rect",{x:l(0),y:t(u[1]),width:l(15)-l(0),height:$-t(u[1]),fill:"#F5F5F5"}),e.jsx("g",{role:"list","aria-label":d("light_curve.plot.plot_label")||void 0,children:o.map(({x:r,y:I,error:B,id:N},E)=>{const j=Math.round(r),U=j>0?"after":j===0?"peak":"before";return e.jsx(Y.default,{x:l(r),y:t(I),error:t(B)-t(0),onMouseOver:()=>L(E),onMouseOut:()=>L(void 0),description:d("light_curve.plot.point_label",{magnitude:I,count:Math.abs(j),context:U})||void 0},N)})})]}),e.jsx(J.default,{ticks:z,y:$,labelledById:_,xDomain:A,xScale:l}),e.jsx(K.default,{ticks:H,x:v,labelledById:M,yDomain:u,yScale:t}),e.jsx(X.default,{x:v,y:t(u[0]),outerWidth:f[1]-f[0],outerHeight:p[1]-p[0],innerWidth:a,innerHeight:c,children:R}),e.jsx(Q.default,{x:s?l(s.x):void 0,y:s?t(s.y):void 0,visible:!!s,offset:6,children:d("light_curve.plot.tooltip",{magnitude:s==null?void 0:s.y.toLocaleString(C,{minimumFractionDigits:2,maximumFractionDigits:2})})})]}),q&&e.jsx(y.SliderOuterWrapper,{children:e.jsx(y.SliderInnerWrapper,{style:{...Z(x,a,c)},children:q})})]})};O.displayName="Widgets.LightCurve.ScatterPlot";const ee=O;exports.default=ee;

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

@@ -1,12 +0,0 @@
-import { FunctionComponent, PropsWithChildren, ReactNode } from "react";
-import { Bounds } from '../../../charts/types';
-import { formatMagnitudePoints } from "../helpers";
-export interface ScatterPlotProps extends Partial<Bounds> {
-    data: ReturnType<typeof formatMagnitudePoints>;
-    name?: string;
-    activeAlertId?: number;
-    className?: string;
-    slider?: ReactNode;
-}
-declare const ScatterPlot: FunctionComponent<PropsWithChildren<ScatterPlotProps>>;
-export default ScatterPlot;