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

package/dist/charts/Base/index.js

@@ -1,47 +1,46 @@
-import { jsxs as t, jsx as r, Fragment as x } from "react/jsx-runtime";
-import { ChartContainer as B, TitleWrapper as C, Title as f, VerticalLabelWrapper as u, Label as l, Filler as W, SVG as j, HorizontalLabelWrapper as y } from "./styles.js";
-const c = ({
+import { jsxs as t, jsx as r, Fragment as $ } from "react/jsx-runtime";
+import { ChartContainer as x, TitleWrapper as C, Title as f, VerticalLabelWrapper as u, Label as l, Filler as B, SVG as W, HorizontalLabelWrapper as j } from "./styles.js";
+const y = ({
   width: e = 900,
   height: i = 300,
-  xMin: o = 0,
-  yMin: h = 0,
+  xMin: c = 0,
+  yMin: o = 0,
   verticalLabel: a,
   verticalLabelId: d,
   horizontalLabel: n,
-  horizontalLabelId: s,
-  title: p,
-  children: m,
-  className: $
-}) => /* @__PURE__ */ t(B, { children: [
-  p && /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(f, { children: p }) }),
-  a && /* @__PURE__ */ t(x, { children: [
+  horizontalLabelId: p,
+  title: s,
+  children: h,
+  className: m
+}) => /* @__PURE__ */ t(x, { children: [
+  s && /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(f, { children: s }) }),
+  a && /* @__PURE__ */ t($, { children: [
     /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(l, { id: d, "aria-hidden": !!d, children: a }) }),
-    /* @__PURE__ */ r(W, {})
+    /* @__PURE__ */ r(B, {})
   ] }),
   /* @__PURE__ */ r(
-    j,
+    W,
     {
       preserveAspectRatio: "xMidYMid meet",
-      viewBox: `${o} ${h} ${e} ${i}`,
-      className: $,
+      viewBox: `${c} ${o} ${e} ${i}`,
+      className: m,
       style: {
         "--aspect-ratio": `${e} / ${i}`
       },
       role: "group",
-      children: m
+      children: h
     }
   ),
-  n && /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+  n && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
     l,
     {
-      id: s,
-      "aria-hidden": !!s,
+      id: p,
+      "aria-hidden": !!p,
       children: n
     }
   ) })
 ] });
-c.displayName = "Charts.Base";
-const T = c;
+y.displayName = "Charts.Base";
 export {
-  T as default
+  y as default
 };

package/dist/charts/Base/styles.d.ts

@@ -1109,7 +1109,7 @@ export declare const SVG: import('styled-components').IStyledComponent<"web", {
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;

package/dist/charts/ClippingContainer/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),i=({x:n,y:r,width:s,height:l,className:c,children:a})=>{const t=u.useId();return e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsx("clipPath",{id:t,children:e.jsx("rect",{x:n,y:r,width:s,height:l})})}),e.jsx("g",{clipPath:`url(#${t})`,className:c,children:a})]})};i.displayName="Charts.Clip";const o=i;exports.default=o;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),r=({x:i,y:s,width:n,height:l,className:c,children:u})=>{const t=a.useId();return e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsx("clipPath",{id:t,children:e.jsx("rect",{x:i,y:s,width:n,height:l})})}),e.jsx("g",{clipPath:`url(#${t})`,className:c,children:u})]})};r.displayName="Charts.Clip";exports.default=r;

package/dist/charts/ClippingContainer/index.js

@@ -1,15 +1,14 @@
 "use client";
-import { jsxs as o, Fragment as p, jsx as i } from "react/jsx-runtime";
-import { useId as d } from "react";
-const r = ({ x: t, y: e, width: l, height: s, className: a, children: c }) => {
-  const n = d();
-  return /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: n, children: /* @__PURE__ */ i("rect", { x: t, y: e, width: l, height: s }) }) }),
-    /* @__PURE__ */ i("g", { clipPath: `url(#${n})`, className: a, children: c })
+import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { useId as o } from "react";
+const p = ({ x: i, y: t, width: n, height: l, className: s, children: a }) => {
+  const e = o();
+  return /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: e, children: /* @__PURE__ */ r("rect", { x: i, y: t, width: n, height: l }) }) }),
+    /* @__PURE__ */ r("g", { clipPath: `url(#${e})`, className: s, children: a })
   ] });
 };
-r.displayName = "Charts.Clip";
-const C = r;
+p.displayName = "Charts.Clip";
 export {
-  C as default
+  p as default
 };

package/dist/charts/ForeignObject/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),e=({children:t,className:n,width:r="100%",height:o="100%"})=>i.jsx("foreignObject",{x:0,y:0,pointerEvents:"none",className:n,width:r,height:o,children:t});e.displayName="Charts.ForeignObject";const s=e;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),e=({children:t,className:r,width:n="100%",height:o="100%"})=>i.jsx("foreignObject",{x:0,y:0,pointerEvents:"none",className:r,width:n,height:o,children:t});e.displayName="Charts.ForeignObject";exports.default=e;

package/dist/charts/ForeignObject/index.js

@@ -1,18 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-const e = ({ children: t, className: n, width: o = "100%", height: r = "100%" }) => /* @__PURE__ */ i(
+import { jsx as o } from "react/jsx-runtime";
+const i = ({ children: e, className: t, width: r = "100%", height: n = "100%" }) => /* @__PURE__ */ o(
   "foreignObject",
   {
     x: 0,
     y: 0,
     pointerEvents: "none",
-    className: n,
-    width: o,
-    height: r,
-    children: t
+    className: t,
+    width: r,
+    height: n,
+    children: e
   }
 );
-e.displayName = "Charts.ForeignObject";
-const c = e;
+i.displayName = "Charts.ForeignObject";
 export {
-  c as default
+  i as default
 };

package/dist/charts/Guidelines/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("d3-array"),G=require("../styles.cjs"),c=({guides:l=0,direction:t="horizontal",xScale:n,xDomain:e,yScale:r,yDomain:i,margin:d,className:h})=>{if(l===0)return null;const u=t==="horizontal"?i:e,f=t==="horizontal"?r:n,s={...{top:0,right:0,bottom:0,left:0},...d},g=b.ticks(u[1],u[0],l);return a.jsx("g",{className:h,children:g.map((p,j)=>{const o=f(p),z=t==="horizontal"?[n(e[0])-s.left,o]:[o-s.top,r(i[0])],M=t==="horizontal"?[n(e[1])+s.right,o]:[o,r(i[1])+s.bottom];return a.jsx(G.Guide,{points:`${z.join()} ${M.join()}`},j)})})};c.displayName="Charts.Guidelines";const m=c;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("d3-array"),m=require("../styles.cjs"),c=({guides:l=0,direction:t="horizontal",xScale:r,xDomain:n,yScale:e,yDomain:i,margin:d,className:h})=>{if(l===0)return null;const u=t==="horizontal"?i:n,f=t==="horizontal"?e:r,o={...{top:0,right:0,bottom:0,left:0},...d},g=b.ticks(u[1],u[0],l);return a.jsx("g",{className:h,children:g.map((p,j)=>{const s=f(p),z=t==="horizontal"?[r(n[0])-o.left,s]:[s-o.top,e(i[0])],M=t==="horizontal"?[r(n[1])+o.right,s]:[s,e(i[1])+o.bottom];return a.jsx(m.Guide,{points:`${z.join()} ${M.join()}`},j)})})};c.displayName="Charts.Guidelines";exports.default=c;

package/dist/charts/Guidelines/index.js

@@ -1,26 +1,24 @@
 import { jsx as f } from "react/jsx-runtime";
 import { ticks as j } from "d3-array";
-import { Guide as M } from "../styles.js";
-const p = ({
+import { Guide as G } from "../styles.js";
+const M = ({
   guides: a = 0,
   direction: t = "horizontal",
-  xScale: r,
+  xScale: n,
   xDomain: s,
   yScale: i,
   yDomain: l,
-  margin: u,
+  margin: p,
   className: h
 }) => {
-  if (a === 0)
-    return null;
-  const e = t === "horizontal" ? l : s, c = t === "horizontal" ? i : r, o = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...u }, d = j(e[1], e[0], a);
-  return /* @__PURE__ */ f("g", { className: h, children: d.map((m, g) => {
-    const n = c(m), z = t === "horizontal" ? [r(s[0]) - o.left, n] : [n - o.top, i(l[0])], G = t === "horizontal" ? [r(s[1]) + o.right, n] : [n, i(l[1]) + o.bottom];
-    return /* @__PURE__ */ f(M, { points: `${z.join()} ${G.join()}` }, g);
+  if (a === 0) return null;
+  const e = t === "horizontal" ? l : s, u = t === "horizontal" ? i : n, o = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...p }, m = j(e[1], e[0], a);
+  return /* @__PURE__ */ f("g", { className: h, children: m.map((c, d) => {
+    const r = u(c), g = t === "horizontal" ? [n(s[0]) - o.left, r] : [r - o.top, i(l[0])], z = t === "horizontal" ? [n(s[1]) + o.right, r] : [r, i(l[1]) + o.bottom];
+    return /* @__PURE__ */ f(G, { points: `${g.join()} ${z.join()}` }, d);
   }) });
 };
-p.displayName = "Charts.Guidelines";
-const C = p;
+M.displayName = "Charts.Guidelines";
 export {
-  C as default
+  M as default
 };

package/dist/charts/PathFromPoints/index.js

@@ -5,8 +5,7 @@ const l = ({
   className: o,
   svgProps: r
 }) => {
-  if (t.length === 0)
-    return null;
+  if (t.length === 0) return null;
   const n = { ...{
     fill: "none",
     strokeWidth: 2,

package/dist/charts/Points/ErrorBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../defaults.cjs"),m=({error:o,xScale:s,yScale:i})=>{const x={};Object.keys(o).forEach(n=>{const{min:l,max:d}=o[n];n==="x"?x[n]={min:l?s(0)-s(l):void 0,max:d?s(d)-s(0):void 0}:x[n]={min:l?i(l)-i(0):void 0,max:d?i(0)-i(d):void 0}});const{x:a,y:t}=x;return r.jsxs("g",{children:[a&&r.jsxs(r.Fragment,{children:[a.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.max,x2:a.max,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:0,x2:a.max,...e.default.errorBarStyles})]}),a.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.min,x2:a.min,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:a.min,x2:0,...e.default.errorBarStyles})]})]}),t&&r.jsxs(r.Fragment,{children:[t.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.max,y2:t.max,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:0,y2:t.max,...e.default.errorBarStyles})]}),t.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.min,y2:t.min,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:t.min,y2:0,...e.default.errorBarStyles})]})]})]})};m.displayName="Charts.Points.ErrorBar";const u=m;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../defaults.cjs"),m=({error:o,xScale:s,yScale:i})=>{const x={};Object.keys(o).forEach(l=>{const{min:n,max:d}=o[l];l==="x"?x[l]={min:n?s(0)-s(n):void 0,max:d?s(d)-s(0):void 0}:x[l]={min:n?i(n)-i(0):void 0,max:d?i(0)-i(d):void 0}});const{x:a,y:t}=x;return r.jsxs("g",{children:[a&&r.jsxs(r.Fragment,{children:[a.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.max,x2:a.max,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:0,x2:a.max,...e.default.errorBarStyles})]}),a.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.min,x2:a.min,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:a.min,x2:0,...e.default.errorBarStyles})]})]}),t&&r.jsxs(r.Fragment,{children:[t.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.max,y2:t.max,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:0,y2:t.max,...e.default.errorBarStyles})]}),t.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.min,y2:t.min,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:t.min,y2:0,...e.default.errorBarStyles})]})]})]})};m.displayName="Charts.Points.ErrorBar";exports.default=m;

package/dist/charts/Points/ErrorBar.js

@@ -1,4 +1,4 @@
-import { jsxs as o, Fragment as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as n, Fragment as o, jsx as a } from "react/jsx-runtime";
 import r from "../defaults.js";
 const B = ({
   error: l,
@@ -17,9 +17,9 @@ const B = ({
     };
   });
   const { x: e, y: i } = d;
-  return /* @__PURE__ */ o("g", { children: [
-    e && /* @__PURE__ */ o(n, { children: [
-      e.max && /* @__PURE__ */ o(n, { children: [
+  return /* @__PURE__ */ n("g", { children: [
+    e && /* @__PURE__ */ n(o, { children: [
+      e.max && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -41,7 +41,7 @@ const B = ({
           }
         )
       ] }),
-      e.min && /* @__PURE__ */ o(n, { children: [
+      e.min && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -64,8 +64,8 @@ const B = ({
         )
       ] })
     ] }),
-    i && /* @__PURE__ */ o(n, { children: [
-      i.max && /* @__PURE__ */ o(n, { children: [
+    i && /* @__PURE__ */ n(o, { children: [
+      i.max && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -87,7 +87,7 @@ const B = ({
           }
         )
       ] }),
-      i.min && /* @__PURE__ */ o(n, { children: [
+      i.min && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -113,7 +113,6 @@ const B = ({
   ] });
 };
 B.displayName = "Charts.Points.ErrorBar";
-const c = B;
 export {
-  c as default
+  B as default
 };

package/dist/charts/Points/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("react"),$=require("./ErrorBar.cjs"),y=require("../defaults.cjs"),l=({data:r,label:a,xScale:t,yScale:s,onHoverCallback:i,onHoverOutCallback:n,onLoadedCallback:o,className:c})=>(E.useEffect(()=>{o&&o()},[]),r.length===0?null:e.jsx("g",{role:"list","aria-label":a,className:c,children:r.map((d,f)=>{const{stroke:p,fill:j,radius:m,x,y:g,description:h,error:u,id:q,index:M,props:P}={...y.default.point,...d};return e.jsxs("g",{role:"listitem","aria-label":h,transform:`translate(${t(x)},${s(g)})`,onMouseEnter:()=>i&&i(f),onMouseLeave:()=>n&&n(),children:[u&&e.jsx($.default,{error:u,xScale:t,yScale:s}),e.jsx("circle",{cursor:"pointer",r:m,stroke:p,fill:j,...P})]},q||M)})}));l.displayName="Charts.Points";const _=l;exports.default=_;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),P=require("react"),y=require("./ErrorBar.cjs"),_=require("../defaults.cjs"),l=({data:r,label:a,xScale:t,yScale:s,onHoverCallback:i,onHoverOutCallback:n,onLoadedCallback:u,className:c})=>(P.useEffect(()=>{u&&u()},[]),r.length===0?null:e.jsx("g",{role:"list","aria-label":a,className:c,children:r.map((d,f)=>{const{stroke:p,fill:j,radius:m,x,y:g,description:h,error:o,id:q,index:M,props:E}={..._.default.point,...d};return e.jsxs("g",{role:"listitem","aria-label":h,transform:`translate(${t(x)},${s(g)})`,onMouseEnter:()=>i&&i(f),onMouseLeave:()=>n&&n(),children:[o&&e.jsx(y.default,{error:o,xScale:t,yScale:s}),e.jsx("circle",{cursor:"pointer",r:m,stroke:p,fill:j,...E})]},q||M)})}));l.displayName="Charts.Points";exports.default=l;

package/dist/charts/Points/index.js

@@ -1,62 +1,61 @@
 "use client";
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-import { useEffect as y } from "react";
-import B from "./ErrorBar.js";
-import N from "../defaults.js";
-const m = ({
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+import { useEffect as $ } from "react";
+import y from "./ErrorBar.js";
+import B from "../defaults.js";
+const N = ({
   data: t,
-  label: p,
+  label: m,
   xScale: e,
   yScale: i,
   onHoverCallback: s,
   onHoverOutCallback: o,
   onLoadedCallback: n,
-  className: f
-}) => (y(() => {
+  className: p
+}) => ($(() => {
   n && n();
-}, []), t.length === 0 ? null : /* @__PURE__ */ r("g", { role: "list", "aria-label": p, className: f, children: t.map((u, a) => {
+}, []), t.length === 0 ? null : /* @__PURE__ */ r("g", { role: "list", "aria-label": m, className: p, children: t.map((f, u) => {
   const {
-    stroke: c,
+    stroke: a,
     fill: d,
-    radius: h,
-    x,
-    y: g,
-    description: E,
+    radius: c,
+    x: h,
+    y: x,
+    description: g,
     error: l,
-    id: P,
-    index: $,
-    props: j
+    id: E,
+    index: j,
+    props: M
   } = {
-    ...N.point,
-    ...u
+    ...B.point,
+    ...f
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ P(
     "g",
     {
       role: "listitem",
-      "aria-label": E,
-      transform: `translate(${e(x)},${i(g)})`,
-      onMouseEnter: () => s && s(a),
+      "aria-label": g,
+      transform: `translate(${e(h)},${i(x)})`,
+      onMouseEnter: () => s && s(u),
       onMouseLeave: () => o && o(),
       children: [
-        l && /* @__PURE__ */ r(B, { error: l, xScale: e, yScale: i }),
+        l && /* @__PURE__ */ r(y, { error: l, xScale: e, yScale: i }),
         /* @__PURE__ */ r(
           "circle",
           {
             cursor: "pointer",
-            r: h,
-            stroke: c,
+            r: c,
+            stroke: a,
             fill: d,
-            ...j
+            ...M
           }
         )
       ]
     },
-    P || $
+    E || j
   );
 }) }));
-m.displayName = "Charts.Points";
-const D = m;
+N.displayName = "Charts.Points";
 export {
-  D as default
+  N as default
 };

package/dist/charts/Readout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs"),o=require("./styles.cjs"),j=(n="")=>{const r=["top","right"],a=["center","center"],s=n?[...n.split(" "),...a].slice(0,2):r,e={justifyContent:null,alignItems:null};return s.forEach(i=>{switch(i){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},c=({className:n,children:r,position:a,viewport:s,forIds:e,forScreenreaders:i})=>{const l=t.jsx(y.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:n,children:[t.jsx("span",{"aria-hidden":!!i,children:r}),t.jsx(u.ScreenreaderText,{children:i})]})})});return s?t.jsx(d.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("@rubin-epo/epo-react-lib/styles");require("../Base/index.cjs");require("../XAxis/index.cjs");require("../YAxis/index.cjs");require("../Guidelines/index.cjs");require("../Tooltip/index.cjs");require("../Bars/index.cjs");const d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs");require("../ScatterPlot/index.cjs");const o=require("./styles.cjs"),j=(r="")=>{const i=["top","right"],a=["center","center"],n=r?[...r.split(" "),...a].slice(0,2):i,e={justifyContent:null,alignItems:null};return n.forEach(s=>{switch(s){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},u=({className:r,children:i,position:a,viewport:n,forIds:e,forScreenreaders:s})=>{const l=t.jsx(y.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:r,children:[t.jsx("span",{"aria-hidden":!!s,children:i}),t.jsx(c.ScreenreaderText,{children:s})]})})});return n?t.jsx(d.default,{...n,children:l}):l};u.displayName="Charts.Readout";exports.default=u;

package/dist/charts/Readout/index.js

@@ -1,15 +1,22 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ScreenreaderText as c } from "@rubin-epo/epo-react-lib/styles";
+import "../Base/index.js";
+import "../XAxis/index.js";
+import "../YAxis/index.js";
+import "../Guidelines/index.js";
+import "../Tooltip/index.js";
+import "../Bars/index.js";
 import m from "../Viewport/index.js";
-import f from "../ForeignObject/index.js";
-import { DisplayContainer as u, Display as d } from "./styles.js";
-const p = (n = "") => {
-  const s = ["top", "right"], o = ["center", "center"], i = n ? [...n.split(" "), ...o].slice(0, 2) : s, t = {
+import p from "../ForeignObject/index.js";
+import "../ScatterPlot/index.js";
+import { DisplayContainer as f, Display as u } from "./styles.js";
+const d = (i = "") => {
+  const o = ["top", "right"], s = ["center", "center"], r = i ? [...i.split(" "), ...s].slice(0, 2) : o, t = {
     justifyContent: null,
     alignItems: null
   };
-  return i.forEach((r) => {
-    switch (r) {
+  return r.forEach((n) => {
+    switch (n) {
       case "center":
         t.alignItems = t.alignItems ?? "center", t.justifyContent = t.justifyContent ?? "center";
         break;
@@ -28,25 +35,25 @@ const p = (n = "") => {
     }
   }), t;
 }, y = ({
-  className: n,
-  children: s,
-  position: o,
-  viewport: i,
+  className: i,
+  children: o,
+  position: s,
+  viewport: r,
   forIds: t,
-  forScreenreaders: r
+  forScreenreaders: n
 }) => {
-  const a = /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(u, { style: p(o), children: /* @__PURE__ */ l(
-    d,
+  const a = /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { style: d(s), children: /* @__PURE__ */ l(
+    u,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
-      className: n,
+      className: i,
       children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: s }),
-        /* @__PURE__ */ e(c, { children: r })
+        /* @__PURE__ */ e("span", { "aria-hidden": !!n, children: o }),
+        /* @__PURE__ */ e(c, { children: n })
       ]
     }
   ) }) });
-  return i ? /* @__PURE__ */ e(m, { ...i, children: a }) : a;
+  return r ? /* @__PURE__ */ e(m, { ...r, children: a }) : a;
 };
 y.displayName = "Charts.Readout";
 export {

package/dist/charts/ScatterPlot/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),J=require("react"),K=require("../XAxis/index.cjs"),Q=require("../YAxis/index.cjs"),$=require("../Guidelines/index.cjs"),U=require("../Points/index.cjs"),V=require("../Tooltip/index.cjs"),X=require("../ClippingContainer/index.cjs"),R=require("../hooks/useAxis.cjs"),Y=require("./styles.cjs"),H=require("../defaults.cjs"),Z=require("../canvas/Points/index.cjs"),w={svg:U.default,canvas:Z.default},M=({data:B,className:C,xAxis:c,yAxis:l,width:d,height:u,title:D,activePointId:T,margins:p,tooltip:a,onLoadedCallback:z,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=B,o={...H.default.margins,...p},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===T),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=R.default({...c,range:f}),[i,S,s]=R.default({...l,range:b}),m=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),P="x-axis-label",k="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],L=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:z}),G={Data:L,xScale:t,yScale:s,yStart:m,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(Y.Chart,{verticalLabel:l.label,verticalLabelId:k,horizontalLabel:c.label,horizontalLabelId:P,className:C,width:d,height:u,title:D,children:[n.jsx(Q.default,{ticks:S,x:g,labelledById:k,yDomain:i,yScale:s}),n.jsxs(X.default,{x:g,y:I,width:N,height:W,children:[c.guidelines&&n.jsx($.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),l.guidelines&&n.jsx($.default,{guides:S.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):L]}),n.jsx(K.default,{ticks:j,y:m,labelledById:P,xDomain:r,xScale:t}),a&&n.jsxs(V.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:H.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";const A=M;exports.default=A;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),J=require("react");require("../Base/index.cjs");const K=require("../XAxis/index.cjs"),Q=require("../YAxis/index.cjs"),$=require("../Guidelines/index.cjs"),U=require("../Points/index.cjs"),V=require("../Tooltip/index.cjs"),X=require("../ClippingContainer/index.cjs");require("../Bars/index.cjs");require("../Viewport/index.cjs");const R=require("../hooks/useAxis.cjs"),Y=require("./styles.cjs"),H=require("../defaults.cjs"),Z=require("../canvas/Points/index.cjs"),w={svg:U.default,canvas:Z.default},M=({data:C,className:D,xAxis:l,yAxis:c,width:d,height:u,title:T,activePointId:p,margins:z,tooltip:a,onLoadedCallback:B,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=C,o={...H.default.margins,...z},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===p),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=R.default({...l,range:f}),[i,m,s]=R.default({...c,range:b}),S=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],P=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:B}),G={Data:P,xScale:t,yScale:s,yStart:S,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(Y.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(Q.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(X.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx($.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx($.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(K.default,{ticks:j,y:S,labelledById:k,xDomain:r,xScale:t}),a&&n.jsxs(V.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:H.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";exports.default=M;