@rubin-epo/epo-widget-lib 1.3.0 → 2.0.1

package/dist/ColorTool.js

@@ -3,7 +3,7 @@ import { jsx as e, jsxs as f, Fragment as L } from "react/jsx-runtime";
 import { useRef as _, createElement as A } from "react";
 import { useTranslation as D } from "react-i18next";
 import { getDataFiltersByName as E } from "./widgets/ColorTool/lib/utils.js";
-import { WidgetLayout as H, SelectionContainer as M, ControlsContainer as P, ToolsHeader as b, Title as $ } from "./widgets/ColorTool/styles.js";
+import { WidgetLayout as H, Title as M, ControlsContainer as P, ToolsHeader as b, SelectionContainer as $ } from "./widgets/ColorTool/styles.js";
 import q from "@rubin-epo/epo-react-lib/SelectListbox";
 import v from "./widgets/ColorTool/Actions/index.js";
 import z from "./layout/AspectRatio/index.js";
@@ -76,7 +76,7 @@ const J = ({
           height: d,
           selectedObjectName: i,
           images: u,
-          children: g && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
+          children: g && /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(
             q,
             {
               id: "astroObjectSelector",
@@ -124,7 +124,7 @@ const J = ({
           selectionCallback: l
         }
       ),
-      caption: i && g && /* @__PURE__ */ e($, { children: !I && /* @__PURE__ */ f(L, { children: [
+      caption: i && g && /* @__PURE__ */ e(M, { children: !I && /* @__PURE__ */ f(L, { children: [
         /* @__PURE__ */ e("dt", { children: r("colorTool.labels.object") }),
         /* @__PURE__ */ e("dd", { children: i })
       ] }) })

package/dist/IsochronePlot.js

@@ -14,7 +14,7 @@ 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 { distanceToLyrs as at, ageToGyrs 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 "";
@@ -59,11 +59,11 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
     n,
     k
   ), w = ct(C), L = {
-    age: (o) => at(o).toLocaleString(v, {
+    age: (o) => lt(o).toLocaleString(v, {
       minimumFractionDigits: 3,
       maximumFractionDigits: 3
     }),
-    distance: (o) => lt(o).toLocaleString(v, {
+    distance: (o) => at(o).toLocaleString(v, {
       maximumFractionDigits: 0
     })
   }, D = {

package/dist/atomic/Blinker/Blinker.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("react"),N=require("../../lib/utils.cjs"),_=require("../../hooks/useInterval.cjs"),C=require("../ImageStack/index.cjs"),D=require("./Controls/Controls.cjs"),B=require("./styles.cjs"),g=({images:n=[],activeIndex:i=0,autoplay:j=!0,loop:q=!0,interval:p=200,blinkCallback:s,onClickCallback:l,loadedCallback:u,className:y,showControls:S=!0,children:v,extraControls:m})=>{const[c,d]=h.useState(j),[a,I]=h.useState(!1),r=n.length>1,x=(e=0)=>{const M=n.length-1;return N.getClampedArrayIndex(i+e,M)},f=()=>{if(r){const e=x(1);q===!1&&e===n.length-1&&o(),s&&s(e)}},o=()=>{d(!1)},P=()=>{d(e=>!e)},k=()=>{o(),f()},A=()=>{o(),s&&s(x(-1))};return _.default(f,r&&a&&c?p:null),t.jsxs(B.BlinkerContainer,{"data-testid":"blinker-container",onClick:e=>l&&l(e),className:y,children:[t.jsx(C.default,{loadCallback:()=>{I(!0),u&&u()},visible:i,images:n}),v,t.jsx(B.ControlsContainer,{children:r&&S&&t.jsxs(t.Fragment,{children:[t.jsx(D.default,{isDisabled:!a,playing:c,handleStartStop:P,handleNext:k,handlePrevious:A}),m]})})]})};g.displayName="Atomic.Blinker";const F=g;exports.default=F;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("react"),_=require("../../lib/utils.cjs"),k=require("../../hooks/useInterval.cjs"),C=require("../ImageStack/index.cjs"),D=require("./Controls/Controls.cjs"),g=require("./styles.cjs"),j=({images:n=[],activeIndex:i=0,autoplay:q=!0,loop:B=!0,interval:p=200,blinkCallback:s,onClickCallback:l,loadedCallback:u,className:y,showControls:S=!0,children:v,extraControls:m})=>{const[c,d]=h.useState(q),[a,I]=h.useState(!1),r=n.length>1,x=(e=0)=>{const N=n.length-1;return _.getClampedArrayIndex(i+e,N)},f=()=>{if(r){const e=x(1);B===!1&&e===n.length-1&&o(),s&&s(e)}},o=()=>{d(!1)},P=()=>{d(e=>!e)},A=()=>{o(),f()},M=()=>{o(),s&&s(x(-1))};return k.default(f,r&&a&&c?p:null),t.jsxs(g.BlinkerContainer,{"data-testid":"blinker-container",onClick:e=>l&&l(e),className:y,children:[t.jsx(C.default,{loadCallback:()=>{I(!0),u&&u()},visible:i,images:n}),v,t.jsx(g.ControlsContainer,{children:r&&S&&t.jsxs(t.Fragment,{children:[t.jsx(D.default,{isDisabled:!a,playing:c,handleStartStop:P,handleNext:A,handlePrevious:M}),m]})})]})};j.displayName="Atomic.Blinker";exports.default=j;

package/dist/atomic/Blinker/Blinker.js

@@ -1,69 +1,69 @@
 "use client";
-import { jsxs as u, jsx as s, Fragment as D } from "react/jsx-runtime";
+import { jsxs as u, jsx as s, Fragment as C } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { getClampedArrayIndex as F } from "../../lib/utils.js";
-import L from "../../hooks/useInterval.js";
-import $ from "../ImageStack/index.js";
+import { getClampedArrayIndex as D } from "../../lib/utils.js";
+import F from "../../hooks/useInterval.js";
+import L from "../ImageStack/index.js";
 import q from "./Controls/Controls.js";
 import { BlinkerContainer as w, ControlsContainer as z } from "./styles.js";
-const x = ({
-  images: n = [],
+const E = ({
+  images: e = [],
   activeIndex: i = 0,
-  autoplay: B = !0,
-  loop: g = !0,
-  interval: y = 200,
-  blinkCallback: e,
+  autoplay: x = !0,
+  loop: B = !0,
+  interval: g = 200,
+  blinkCallback: n,
   onClickCallback: l,
   loadedCallback: a,
-  className: I,
-  showControls: S = !0,
-  children: k,
+  className: y,
+  showControls: I = !0,
+  children: S,
   extraControls: j
 }) => {
-  const [d, c] = h(B), [m, v] = h(!1), r = n.length > 1, f = (t = 0) => {
-    const C = n.length - 1;
-    return F(i + t, C);
+  const [d, m] = h(x), [c, k] = h(!1), r = e.length > 1, f = (t = 0) => {
+    const P = e.length - 1;
+    return D(i + t, P);
   }, p = () => {
     if (r) {
       const t = f(1);
-      g === !1 && t === n.length - 1 && o(), e && e(t);
+      B === !1 && t === e.length - 1 && o(), n && n(t);
     }
   }, o = () => {
-    c(!1);
+    m(!1);
+  }, v = () => {
+    m((t) => !t);
   }, A = () => {
-    c((t) => !t);
-  }, N = () => {
     o(), p();
-  }, P = () => {
-    o(), e && e(f(-1));
+  }, N = () => {
+    o(), n && n(f(-1));
   };
-  return L(p, r && m && d ? y : null), /* @__PURE__ */ u(
+  return F(p, r && c && d ? g : null), /* @__PURE__ */ u(
     w,
     {
       "data-testid": "blinker-container",
       onClick: (t) => l && l(t),
-      className: I,
+      className: y,
       children: [
         /* @__PURE__ */ s(
-          $,
+          L,
           {
             loadCallback: () => {
-              v(!0), a && a();
+              k(!0), a && a();
             },
             visible: i,
-            images: n
+            images: e
           }
         ),
-        k,
-        /* @__PURE__ */ s(z, { children: r && S && /* @__PURE__ */ u(D, { children: [
+        S,
+        /* @__PURE__ */ s(z, { children: r && I && /* @__PURE__ */ u(C, { children: [
           /* @__PURE__ */ s(
             q,
             {
-              isDisabled: !m,
+              isDisabled: !c,
               playing: d,
-              handleStartStop: A,
-              handleNext: N,
-              handlePrevious: P
+              handleStartStop: v,
+              handleNext: A,
+              handlePrevious: N
             }
           ),
           j
@@ -72,8 +72,7 @@ const x = ({
     }
   );
 };
-x.displayName = "Atomic.Blinker";
-const Q = x;
+E.displayName = "Atomic.Blinker";
 export {
-  Q as default
+  E as default
 };

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const BlinkerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ControlsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/atomic/ElapsedTime/ElapsedTime.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react-i18next"),s=require("./styles.cjs"),c=({year:o,day:m,hour:p,minute:u,second:T,className:j})=>{const l={year:o,day:m,hour:p,minute:u,second:T},a=Object.keys(l).filter(e=>l[e]!==void 0).map(e=>({interval:e,time:l[e]})),x=a.reduce((e,i)=>{const{interval:r,time:n=0}=i;return`${e}${n}${r.charAt(0).toUpperCase()}`},"PT");return t.jsxs(s.ElapsedTimeContainer,{className:j,children:[t.jsx(s.Header,{id:"elapsedTimeHeader",children:t.jsx(d.Trans,{children:"elapsed_time.title"})}),t.jsx(s.Time,{dateTime:x,"aria-labelledby":"elapsedTimeHeader",children:a.map(e=>{const{interval:i,time:r=0}=e,n=`elapsed_time.step.${i}`;return t.jsxs(s.Interval,{children:[t.jsx(s.Number,{children:r}),t.jsx(s.Step,{children:t.jsx(d.Trans,{i18nKey:n,count:r})})]},i)})})]})};c.displayName="Atomic.ElapsedTime";const h=c;exports.default=h;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react-i18next"),s=require("./styles.cjs"),c=({year:o,day:m,hour:u,minute:p,second:j,className:T})=>{const l={year:o,day:m,hour:u,minute:p,second:j},a=Object.keys(l).filter(e=>l[e]!==void 0).map(e=>({interval:e,time:l[e]})),x=a.reduce((e,i)=>{const{interval:r,time:n=0}=i;return`${e}${n}${r.charAt(0).toUpperCase()}`},"PT");return t.jsxs(s.ElapsedTimeContainer,{className:T,children:[t.jsx(s.Header,{id:"elapsedTimeHeader",children:t.jsx(d.Trans,{children:"elapsed_time.title"})}),t.jsx(s.Time,{dateTime:x,"aria-labelledby":"elapsedTimeHeader",children:a.map(e=>{const{interval:i,time:r=0}=e,n=`elapsed_time.step.${i}`;return t.jsxs(s.Interval,{children:[t.jsx(s.Number,{children:r}),t.jsx(s.Step,{children:t.jsx(d.Trans,{i18nKey:n,count:r})})]},i)})})]})};c.displayName="Atomic.ElapsedTime";exports.default=c;

package/dist/atomic/ElapsedTime/ElapsedTime.js

@@ -1,35 +1,34 @@
 "use client";
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { Trans as d } from "react-i18next";
-import { ElapsedTimeContainer as b, Header as f, Time as y, Interval as $, Number as E, Step as j } from "./styles.js";
-const m = ({
-  year: c,
-  day: p,
-  hour: o,
-  minute: T,
-  second: h,
-  className: u
+import { ElapsedTimeContainer as v, Header as b, Time as f, Interval as y, Number as $, Step as j } from "./styles.js";
+const x = ({
+  year: m,
+  day: c,
+  hour: p,
+  minute: o,
+  second: T,
+  className: h
 }) => {
-  const a = { year: c, day: p, hour: o, minute: T, second: h }, s = Object.keys(a).filter((e) => a[e] !== void 0).map((e) => ({
+  const a = { year: m, day: c, hour: p, minute: o, second: T }, n = Object.keys(a).filter((e) => a[e] !== void 0).map((e) => ({
     interval: e,
     time: a[e]
-  })), v = s.reduce((e, i) => {
+  })), u = n.reduce((e, i) => {
     const { interval: r, time: l = 0 } = i;
     return `${e}${l}${r.charAt(0).toUpperCase()}`;
   }, "PT");
-  return /* @__PURE__ */ n(b, { className: u, children: [
-    /* @__PURE__ */ t(f, { id: "elapsedTimeHeader", children: /* @__PURE__ */ t(d, { children: "elapsed_time.title" }) }),
-    /* @__PURE__ */ t(y, { dateTime: v, "aria-labelledby": "elapsedTimeHeader", children: s.map((e) => {
+  return /* @__PURE__ */ s(v, { className: h, children: [
+    /* @__PURE__ */ t(b, { id: "elapsedTimeHeader", children: /* @__PURE__ */ t(d, { children: "elapsed_time.title" }) }),
+    /* @__PURE__ */ t(f, { dateTime: u, "aria-labelledby": "elapsedTimeHeader", children: n.map((e) => {
       const { interval: i, time: r = 0 } = e, l = `elapsed_time.step.${i}`;
-      return /* @__PURE__ */ n($, { children: [
-        /* @__PURE__ */ t(E, { children: r }),
+      return /* @__PURE__ */ s(y, { children: [
+        /* @__PURE__ */ t($, { children: r }),
         /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(d, { i18nKey: l, count: r }) })
       ] }, i);
     }) })
   ] });
 };
-m.displayName = "Atomic.ElapsedTime";
-const C = m;
+x.displayName = "Atomic.ElapsedTime";
 export {
-  C as default
+  x as default
 };

package/dist/atomic/ElapsedTime/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ElapsedTimeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const Time: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, never>> & string;

package/dist/atomic/ImageStack/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),r=require("react"),E=require("lodash/after"),u=require("./styles.cjs"),q=e=>e&&e.__esModule?e:{default:e},x=q(E),g=({images:e,visible:a,describedById:h,mixBlendMode:y,loadCallback:i,className:p,width:S,height:k,showBackdrop:_=!0,showLoader:b=!0})=>{const n=r.useRef(null),[t,l]=r.useState(!0);r.useEffect(()=>{t||i&&i()},[t]);const d=r.useCallback(x.default(e.length,()=>{l(!1)}),[]);return!e||e.length===0?null:(t&&n.current&&Array.from(n.current.getElementsByTagName("img")).every(({complete:s})=>!!s)&&l(!1),c.jsxs(u.StackContainer,{ref:n,role:"img","aria-describedby":h,className:p,style:{"--image-stack-background":_&&"var(--neutral95, #1f2121)",aspectRatio:`${S||e[0].width} / ${k||e[0].height}`},children:[b&&t&&c.jsx(u.StackLoader,{isVisible:!0}),e.map(({url:f,width:m,height:s},o)=>{const j=Array.isArray(a)?a[o]:a===o;return c.jsx(u.StackedImage,{role:"presentation",src:f,width:m,height:s,onLoad:d,onError:d,style:{mixBlendMode:y},hidden:!j},o)})]}))};g.displayName="Atomic.ImageStack";const A=g;exports.default=A;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),r=require("react"),E=require("lodash/after"),i=require("./styles.cjs"),q=e=>e&&e.__esModule?e:{default:e},x=q(E),g=({images:e,visible:n,describedById:h,mixBlendMode:y,loadCallback:l,className:p,width:S,height:k,showBackdrop:_=!0,showLoader:b=!0})=>{const a=r.useRef(null),[t,c]=r.useState(!0);r.useEffect(()=>{t||l&&l()},[t]);const d=r.useCallback(x.default(e.length,()=>{c(!1)}),[]);return!e||e.length===0?null:(t&&a.current&&Array.from(a.current.getElementsByTagName("img")).every(({complete:s})=>!!s)&&c(!1),u.jsxs(i.StackContainer,{ref:a,role:"img","aria-describedby":h,className:p,style:{"--image-stack-background":_&&"var(--neutral95, #1f2121)",aspectRatio:`${S||e[0].width} / ${k||e[0].height}`},children:[b&&t&&u.jsx(i.StackLoader,{isVisible:!0}),e.map(({url:f,width:m,height:s},o)=>{const j=Array.isArray(n)?n[o]:n===o;return u.jsx(i.StackedImage,{role:"presentation",src:f,width:m,height:s,onLoad:d,onError:d,style:{mixBlendMode:y},hidden:!j},o)})]}))};g.displayName="Atomic.ImageStack";exports.default=g;

package/dist/atomic/ImageStack/index.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as A, jsx as f } from "react/jsx-runtime";
-import { useRef as C, useState as I, useEffect as b, useCallback as w } from "react";
+import { jsxs as E, jsx as f } from "react/jsx-runtime";
+import { useRef as A, useState as C, useEffect as b, useCallback as w } from "react";
 import x from "lodash/after";
-import { StackContainer as L, StackLoader as R, StackedImage as $ } from "./styles.js";
-const u = ({
+import { StackContainer as I, StackLoader as L, StackedImage as R } from "./styles.js";
+const j = ({
   images: e,
   visible: r,
-  describedById: d,
-  mixBlendMode: h,
+  describedById: u,
+  mixBlendMode: d,
   loadCallback: s,
-  className: g,
-  width: p,
-  height: y,
-  showBackdrop: k = !0,
-  showLoader: S = !0
+  className: h,
+  width: g,
+  height: p,
+  showBackdrop: y = !0,
+  showLoader: k = !0
 }) => {
-  const a = C(null), [t, i] = I(!0);
+  const a = A(null), [t, i] = C(!0);
   b(() => {
     t || s && s();
   }, [t]);
@@ -27,23 +27,23 @@ const u = ({
   );
   return !e || e.length === 0 ? null : (t && a.current && Array.from(
     a.current.getElementsByTagName("img")
-  ).every(({ complete: n }) => !!n) && i(!1), /* @__PURE__ */ A(
-    L,
+  ).every(({ complete: n }) => !!n) && i(!1), /* @__PURE__ */ E(
+    I,
     {
       ref: a,
       role: "img",
-      "aria-describedby": d,
-      className: g,
+      "aria-describedby": u,
+      className: h,
       style: {
-        "--image-stack-background": k && "var(--neutral95, #1f2121)",
-        aspectRatio: `${p || e[0].width} / ${y || e[0].height}`
+        "--image-stack-background": y && "var(--neutral95, #1f2121)",
+        aspectRatio: `${g || e[0].width} / ${p || e[0].height}`
       },
       children: [
-        S && t && /* @__PURE__ */ f(R, { isVisible: !0 }),
+        k && t && /* @__PURE__ */ f(L, { isVisible: !0 }),
         e.map(({ url: l, width: m, height: n }, o) => {
-          const E = Array.isArray(r) ? r[o] : r === o;
+          const S = Array.isArray(r) ? r[o] : r === o;
           return /* @__PURE__ */ f(
-            $,
+            R,
             {
               role: "presentation",
               src: l,
@@ -51,8 +51,8 @@ const u = ({
               height: n,
               onLoad: c,
               onError: c,
-              style: { mixBlendMode: h },
-              hidden: !E
+              style: { mixBlendMode: d },
+              hidden: !S
             },
             o
           );
@@ -61,8 +61,7 @@ const u = ({
     }
   ));
 };
-u.displayName = "Atomic.ImageStack";
-const T = u;
+j.displayName = "Atomic.ImageStack";
 export {
-  T as default
+  j as default
 };

package/dist/atomic/ImageStack/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StackContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StackedImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const StackLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@rubin-epo/epo-react-lib/CircularLoader').CircularLoaderProps, never>> & string & Omit<import('react').FunctionComponent<import('@rubin-epo/epo-react-lib/CircularLoader').CircularLoaderProps>, keyof import('react').Component<any, {}, any>>;

package/dist/atomic/LiveRegion/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const OffscreenLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/atomic/Loader/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LoaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/atomic/PlaybackControl/PlaybackControl.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("@rubin-epo/epo-react-lib/IconComposer"),t=require("./styles.cjs"),a=e=>e&&e.__esModule?e:{default:e},i=a(r),n=({icon:e,label:l,handleClick:s,...c})=>o.jsxs(t.PlaybackButton,{...c,onClick:s,children:[o.jsx(t.IconContainer,{children:o.jsx(i.default,{icon:e,size:15})}),o.jsx(t.SpanLabel,{children:l})]});n.displayName="Atomic.PlaybackControl";const u=n;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("@rubin-epo/epo-react-lib/IconComposer"),t=require("./styles.cjs"),i=e=>e&&e.__esModule?e:{default:e},a=i(r),n=({icon:e,label:s,handleClick:l,...c})=>o.jsxs(t.PlaybackButton,{...c,onClick:l,children:[o.jsx(t.IconContainer,{children:o.jsx(a.default,{icon:e,size:15})}),o.jsx(t.SpanLabel,{children:s})]});n.displayName="Atomic.PlaybackControl";exports.default=n;

package/dist/atomic/PlaybackControl/PlaybackControl.js

@@ -1,17 +1,16 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import l from "@rubin-epo/epo-react-lib/IconComposer";
-import { PlaybackButton as e, IconContainer as s, SpanLabel as m } from "./styles.js";
-const n = ({
-  icon: r,
-  label: c,
-  handleClick: t,
-  ...a
-}) => /* @__PURE__ */ i(e, { ...a, onClick: t, children: [
-  /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(l, { icon: r, size: 15 }) }),
-  /* @__PURE__ */ o(m, { children: c })
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import a from "@rubin-epo/epo-react-lib/IconComposer";
+import { PlaybackButton as e, IconContainer as l, SpanLabel as m } from "./styles.js";
+const s = ({
+  icon: n,
+  label: r,
+  handleClick: i,
+  ...c
+}) => /* @__PURE__ */ t(e, { ...c, onClick: i, children: [
+  /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(a, { icon: n, size: 15 }) }),
+  /* @__PURE__ */ o(m, { children: r })
 ] });
-n.displayName = "Atomic.PlaybackControl";
-const k = n;
+s.displayName = "Atomic.PlaybackControl";
 export {
-  k as default
+  s as default
 };

package/dist/atomic/PlaybackControl/styles.d.ts

@@ -1,7 +1,6 @@
 /**
  * todo: convert this to a CSS module
  */
-/// <reference types="react" />
 export declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlaybackButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const SpanLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/atomic/PlotWrapper/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PlotWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ChartContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const HorizontalLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const VerticalLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

package/dist/charts/Points/ErrorBar.js

@@ -1,36 +1,36 @@
-import { jsxs as n, Fragment as o, jsx as a } from "react/jsx-runtime";
+import { jsxs as a, Fragment as o, jsx as n } from "react/jsx-runtime";
 import r from "../defaults.js";
 const B = ({
-  error: l,
-  xScale: t,
-  yScale: x
+  error: d,
+  xScale: x,
+  yScale: m
 }) => {
-  const d = {};
-  Object.keys(l).forEach((m) => {
-    const { min: s, max: y } = l[m];
-    m === "x" ? d[m] = {
-      min: s ? t(0) - t(s) : void 0,
-      max: y ? t(y) - t(0) : void 0
-    } : d[m] = {
-      min: s ? x(s) - x(0) : void 0,
-      max: y ? x(0) - x(y) : void 0
+  const l = {};
+  Object.keys(d).forEach((t) => {
+    const { min: s, max: y } = d[t];
+    t === "x" ? l[t] = {
+      min: s ? x(0) - x(s) : void 0,
+      max: y ? x(y) - x(0) : void 0
+    } : l[t] = {
+      min: s ? m(s) - m(0) : void 0,
+      max: y ? m(0) - m(y) : void 0
     };
   });
-  const { x: e, y: i } = d;
-  return /* @__PURE__ */ n("g", { children: [
-    e && /* @__PURE__ */ n(o, { children: [
-      e.max && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+  const { x: e, y: i } = l;
+  return /* @__PURE__ */ a("g", { children: [
+    e && /* @__PURE__ */ a(o, { children: [
+      e.max && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            y1: -r.errorBarCapWidth,
+            y1: -3,
             y2: r.errorBarCapWidth,
             x1: e.max,
             x2: e.max,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             y1: 0,
@@ -41,18 +41,18 @@ const B = ({
           }
         )
       ] }),
-      e.min && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+      e.min && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            y1: -r.errorBarCapWidth,
+            y1: -3,
             y2: r.errorBarCapWidth,
             x1: e.min,
             x2: e.min,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             y1: 0,
@@ -64,19 +64,19 @@ const B = ({
         )
       ] })
     ] }),
-    i && /* @__PURE__ */ n(o, { children: [
-      i.max && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+    i && /* @__PURE__ */ a(o, { children: [
+      i.max && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            x1: -r.errorBarCapWidth,
+            x1: -3,
             x2: r.errorBarCapWidth,
             y1: i.max,
             y2: i.max,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             x1: 0,
@@ -87,18 +87,18 @@ const B = ({
           }
         )
       ] }),
-      i.min && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+      i.min && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            x1: -r.errorBarCapWidth,
+            x1: -3,
             x2: r.errorBarCapWidth,
             y1: i.min,
             y2: i.min,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             x1: 0,

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"),o=require("./styles.cjs"),d=require("../ForeignObject/index.cjs"),y=require("../Viewport/index.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(d.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(y.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;