@rubin-epo/epo-widget-lib 1.0.1 → 1.0.3

package/dist/IsochronePlot.js

@@ -17,12 +17,12 @@ import at from "./widgets/IsochronePlot/Controls/index.js";
 import e from "./widgets/IsochronePlot/defaults.js";
 import mt from "./widgets/IsochronePlot/A11Y/CurveFit.js";
 import { PlotWrapper as lt } from "./atomic/PlotWrapper/styles.js";
-const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md : r < parseFloat(W("BREAK_LARGE_TABLET")) ? e.pointRadius.sm : e.pointRadius.lg : e.pointRadius.lg, Bt = ({
+const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md : r < parseFloat(W("BREAK_LARGE_TABLET")) ? e.pointRadius.sm : e.pointRadius.lg : e.pointRadius.lg, kt = ({
   data: r,
   value: y,
-  ageLibrary: I,
-  isDisplayOnly: k = !1,
-  isLoading: B,
+  ageLibrary: B,
+  isDisplayOnly: I = !1,
+  isLoading: k,
   xAxis: D,
   yAxis: T,
   name: E,
@@ -31,7 +31,7 @@ const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
   const { ref: K, width: M } = Y(), {
     t: p,
     i18n: { language: h }
-  } = X(), [j, w] = Q(!0), x = U(), s = !B && !j, C = { top: 0, right: 0, bottom: 20, left: 20 }, { width: c, height: d } = e, { ages: b = {} } = I, t = Object.keys(b).sort(
+  } = X(), [j, w] = Q(!0), x = U(), s = !k && !j, C = { top: 0, right: 0, bottom: 20, left: 20 }, { width: c, height: d } = e, { ages: b = {} } = B, t = Object.keys(b).sort(
     (i, m) => parseFloat(i) - parseFloat(m)
   ).map(parseFloat), H = f(D, {
     ...e.xAxis,
@@ -164,11 +164,11 @@ const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
         }
       ),
       isLoading: !s,
-      isDisplayOnly: k,
+      isDisplayOnly: I,
       controlsId: x
     }
   );
 };
 export {
-  Bt as default
+  kt as default
 };

package/dist/SourceSelector.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./widgets/SourceSelector/SourceSelector.cjs"),t=require("./widgets/SourceSelector/PointSelector/index.cjs"),r=require("./widgets/SourceSelector/SelectionList/index.cjs"),u=require("./widgets/SourceSelector/Message/Message.cjs");exports.default=e.default;exports.PointSelector=t.default;exports.SelectionList=r.default;exports.Message=u.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./widgets/SourceSelector/SourceSelector.cjs"),t=require("./widgets/SourceSelector/SelectionList/index.cjs"),u=require("./widgets/SourceSelector/Message/Message.cjs");exports.default=e.default;exports.SelectionList=t.default;exports.Message=u.default;

package/dist/SourceSelector.js

@@ -1,10 +1,8 @@
 import o from "./widgets/SourceSelector/SourceSelector.js";
-import { default as a } from "./widgets/SourceSelector/PointSelector/index.js";
-import { default as l } from "./widgets/SourceSelector/SelectionList/index.js";
-import { default as m } from "./widgets/SourceSelector/Message/Message.js";
+import { default as a } from "./widgets/SourceSelector/SelectionList/index.js";
+import { default as s } from "./widgets/SourceSelector/Message/Message.js";
 export {
-  m as Message,
-  a as PointSelector,
-  l as SelectionList,
+  s as Message,
+  a as SelectionList,
   o as default
 };

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"),C=require("../../lib/utils.cjs"),M=require("../../hooks/useInterval.cjs"),N=require("../ImageStack/index.cjs"),o=require("./styles.cjs"),B=({images:n=[],activeIndex:i=0,autoplay:g=!0,loop:j=!0,interval:p=200,blinkCallback:s,loadedCallback:u,className:q,showControls:y=!0,children:S,extraControls:v})=>{const[c,a]=h.useState(g),[d,k]=h.useState(!1),r=n.length>1,x=(e=0)=>{const A=n.length-1;return C.getClampedArrayIndex(i+e,A)},f=()=>{if(r){const e=x(1);j===!1&&e===n.length-1&&l(),s&&s(e)}},l=()=>{a(!1)},m=()=>{a(e=>!e)},I=()=>{l(),f()},P=()=>{l(),s&&s(x(-1))};return M.default(f,r&&d&&c?p:null),t.jsxs(o.BlinkerContainer,{className:q,children:[t.jsx(N.default,{loadCallback:()=>{k(!0),u&&u()},visible:i,images:n}),S,t.jsx(o.ControlsContainer,{children:r&&y&&t.jsxs(t.Fragment,{children:[t.jsx(o.BlinkerControls,{isDisabled:!d,playing:c,handleStartStop:m,handleNext:I,handlePrevious:P}),v]})})]})};B.displayName="Atomic.Blinker";const _=B;exports.default=_;
+"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;

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

@@ -1,13 +1,17 @@
-import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
-import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
+import { FunctionComponent, PropsWithChildren, ReactNode, MouseEventHandler } from 'react';
 
 export interface BlinkerProps {
-    images: ImageShape[];
+    images: {
+        url: string;
+        width?: number;
+        height?: number;
+    }[];
     activeIndex: number;
     autoplay?: boolean;
     loop?: boolean;
     interval?: number;
     blinkCallback?: (activeIndex: number) => void;
+    onClickCallback?: MouseEventHandler<HTMLDivElement>;
     loadedCallback?: () => void;
     className?: string;
     showControls?: boolean;

package/dist/atomic/Blinker/Blinker.js

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

package/dist/atomic/Blinker/_mocks/index.d.ts

@@ -1,3 +1,5 @@
-import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
-
-export declare const mockImages: ImageShape[];
+export declare const mockImages: Array<{
+    url: string;
+    width?: number;
+    height?: number;
+}>;

package/dist/atomic/Blinker/styles.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),n=require("./Controls/Controls.cjs"),o=require("@rubin-epo/epo-react-lib/styles"),r=t=>t&&t.__esModule?t:{default:t},e=r(i),l=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),n=require("@rubin-epo/epo-react-lib/styles"),o=t=>t&&t.__esModule?t:{default:t},e=o(i),r=e.default.div`
   aspect-ratio: 1;
   container-type: inline-size;
   display: flex;
   justify-content: center;
   position: relative;
   height: 100%;
-`,s=e.default(n.default)``,a=e.default.div`
+`,s=e.default.div`
   box-sizing: border-box;
   display: grid;
   grid-auto-flow: column;
@@ -18,8 +18,13 @@
   width: 100%;
   gap: var(--widget-padding, var(--PADDING_SMALL));
   padding: var(--widget-padding, var(--PADDING_SMALL));
+  pointer-events: none;
 
-  @container (min-width: ${o.token("BREAK_PHABLET_MIN")}) {
+  > * {
+    pointer-events: initial;
+  }
+
+  @container (min-width: ${n.token("BREAK_PHABLET_MIN")}) {
     justify-items: center;
   }
-`;exports.BlinkerContainer=l;exports.BlinkerControls=s;exports.ControlsContainer=a;
+`;exports.BlinkerContainer=r;exports.ControlsContainer=s;

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

@@ -272,14 +272,6 @@ export declare const BlinkerContainer: import('styled-components').IStyledCompon
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const BlinkerControls: import('styled-components').IStyledComponent<"web", {
-    playing: boolean;
-    handleStartStop: import('react').MouseEventHandler<HTMLButtonElement>;
-    handleNext: import('react').MouseEventHandler<HTMLButtonElement>;
-    handlePrevious: import('react').MouseEventHandler<HTMLButtonElement>;
-    className?: string | undefined;
-    isDisabled?: boolean | undefined;
-}> & import('react').FunctionComponent<import('./Controls/Controls').ControlsProps>;
 export declare const ControlsContainer: import('styled-components').IStyledComponent<"web", {
     ref?: import('react').LegacyRef<HTMLDivElement> | undefined;
     key?: import('react').Key | null | undefined;

package/dist/atomic/Blinker/styles.js

@@ -1,15 +1,14 @@
 "use client";
 import t from "styled-components";
-import i from "./Controls/Controls.js";
-import { token as o } from "@rubin-epo/epo-react-lib/styles";
-const s = t.div`
+import { token as i } from "@rubin-epo/epo-react-lib/styles";
+const o = t.div`
   aspect-ratio: 1;
   container-type: inline-size;
   display: flex;
   justify-content: center;
   position: relative;
   height: 100%;
-`, a = t(i)``, d = t.div`
+`, r = t.div`
   box-sizing: border-box;
   display: grid;
   grid-auto-flow: column;
@@ -22,13 +21,17 @@ const s = t.div`
   width: 100%;
   gap: var(--widget-padding, var(--PADDING_SMALL));
   padding: var(--widget-padding, var(--PADDING_SMALL));
+  pointer-events: none;
 
-  @container (min-width: ${o("BREAK_PHABLET_MIN")}) {
+  > * {
+    pointer-events: initial;
+  }
+
+  @container (min-width: ${i("BREAK_PHABLET_MIN")}) {
     justify-items: center;
   }
 `;
 export {
-  s as BlinkerContainer,
-  a as BlinkerControls,
-  d as ControlsContainer
+  o as BlinkerContainer,
+  r as ControlsContainer
 };

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

@@ -1,8 +1,11 @@
 import { CSSProperties, FunctionComponent } from 'react';
-import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
 
 export interface ImageStackProps {
-    images: Array<ImageShape>;
+    images: Array<{
+        url: string;
+        width?: number;
+        height?: number;
+    }>;
     visible?: number | Array<boolean>;
     describedById?: string;
     loadCallback?: () => void;

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");require("../ScatterPlot/index.cjs");const 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"),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;

package/dist/charts/Readout/index.js

@@ -2,10 +2,9 @@ import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ScreenreaderText as c } from "@rubin-epo/epo-react-lib/styles";
 import m from "../Viewport/index.js";
 import f from "../ForeignObject/index.js";
-import "../ScatterPlot/index.js";
 import { DisplayContainer as u, Display as d } from "./styles.js";
 const p = (n = "") => {
-  const o = ["top", "right"], s = ["center", "center"], i = n ? [...n.split(" "), ...s].slice(0, 2) : o, t = {
+  const s = ["top", "right"], o = ["center", "center"], i = n ? [...n.split(" "), ...o].slice(0, 2) : s, t = {
     justifyContent: null,
     alignItems: null
   };
@@ -30,19 +29,19 @@ const p = (n = "") => {
   }), t;
 }, y = ({
   className: n,
-  children: o,
-  position: s,
+  children: s,
+  position: o,
   viewport: i,
   forIds: t,
   forScreenreaders: r
 }) => {
-  const a = /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(u, { style: p(s), children: /* @__PURE__ */ l(
+  const a = /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(u, { style: p(o), children: /* @__PURE__ */ l(
     d,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
       className: n,
       children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: o }),
+        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: s }),
         /* @__PURE__ */ e(c, { children: r })
       ]
     }

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: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;
+"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;

package/dist/charts/ScatterPlot/index.js

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