@rubin-epo/epo-widget-lib 1.0.9 → 1.1.1

package/dist/charts/Readout/index.js

@@ -1,8 +1,8 @@
 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 { DisplayContainer as u, Display as d } from "./styles.js";
+import { DisplayContainer as m, Display as f } from "./styles.js";
+import u from "../ForeignObject/index.js";
+import d from "../Viewport/index.js";
 const p = (n = "") => {
   const s = ["top", "right"], o = ["center", "center"], i = n ? [...n.split(" "), ...o].slice(0, 2) : s, t = {
     justifyContent: null,
@@ -35,8 +35,8 @@ const p = (n = "") => {
   forIds: t,
   forScreenreaders: r
 }) => {
-  const a = /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(u, { style: p(o), children: /* @__PURE__ */ l(
-    d,
+  const a = /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(m, { style: p(o), children: /* @__PURE__ */ l(
+    f,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
       className: n,
@@ -46,7 +46,7 @@ const p = (n = "") => {
       ]
     }
   ) }) });
-  return i ? /* @__PURE__ */ e(m, { ...i, children: a }) : a;
+  return i ? /* @__PURE__ */ e(d, { ...i, 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("../hooks/useAxis.cjs"),K=require("./styles.cjs"),R=require("../defaults.cjs"),Q=require("../canvas/Points/index.cjs"),U=require("../YAxis/index.cjs"),V=require("../ClippingContainer/index.cjs"),H=require("../Guidelines/index.cjs"),X=require("../XAxis/index.cjs"),Y=require("../Tooltip/index.cjs"),Z=require("../Points/index.cjs"),w={svg:Z.default,canvas:Q.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={...R.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]=$.default({...l,range:f}),[i,m,s]=$.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(K.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(U.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(V.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx(H.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx(H.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(X.default,{ticks:j,y:S,labelledById:k,xDomain:r,xScale:t}),a&&n.jsxs(Y.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:R.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";exports.default=M;

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

package/dist/charts/Tooltip/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("./styles.cjs"),h=require("../../lib/utils.cjs"),O=(t,e)=>t.includes("left")?`calc(0% + ${e}px)`:t.includes("right")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),b=(t,e)=>t.includes("top")?`calc(0% + ${e}px)`:t.includes("bottom")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),g=t=>{let e="0",n="0",r="0",s="0",l="0deg";return t.includes("center")&&(e="50%",n="50%",r="-50%",s="-50%"),t.includes("top")&&(n="0",s="-100%",l="180deg"),t.includes("right")&&(e="100%",r="-25%",l="-90deg"),t.includes("left")&&(e="0",r="-75%",l="90deg"),t.includes("bottom")&&(n="100%",s="0"),{left:e,top:n,transform:`translate(${r}, ${s}) rotate(${l})`}},d=({x:t,y:e,visible:n=!0,offset:r=5,origin:s="center bottom",children:l,className:p})=>{const c=[...s.split(" "),..."center center".split(" ")].slice(0,2).join(" "),o=6,a=O(c,o+r),f=b(c,o+r),$=c.includes("center")&&c.split(" ").filter(m=>m!=="center").length===1,x=g(c);return i.jsx(u.TooltipContainer,{children:typeof t=="number"&&typeof e=="number"&&i.jsxs(u.Tooltip,{className:p,style:h.isSafari()?{left:`${t}px`,top:`${e}px`,transform:`translate(${a},${f})`}:{transform:`translate(calc(${a} + ${t}px), calc(${f} + ${e}px))`},hidden:!n,children:[l,$&&i.jsx(u.Arrow,{style:{"--arrow-size":`${o}px`,...x}})]})})};d.displayName="Charts.Tooltip";const w=d;exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("./styles.cjs"),h=require("../../lib/utils.cjs"),O=(t,e)=>t.includes("left")?`calc(0% + ${e}px)`:t.includes("right")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),b=(t,e)=>t.includes("top")?`calc(0% + ${e}px)`:t.includes("bottom")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),g=t=>{let e="0",n="0",r="0",s="0",l="0deg";return t.includes("center")&&(e="50%",n="50%",r="-50%",s="-50%"),t.includes("top")&&(n="0",s="-100%",l="180deg"),t.includes("right")&&(e="100%",r="-25%",l="-90deg"),t.includes("left")&&(e="0",r="-75%",l="90deg"),t.includes("bottom")&&(n="100%",s="0"),{left:e,top:n,transform:`translate(${r}, ${s}) rotate(${l})`}},d=({x:t,y:e,visible:n=!0,offset:r=5,origin:s="center bottom",children:l,className:p})=>{const c=[...s.split(" "),..."center center".split(" ")].slice(0,2).join(" "),i=6,a=O(c,i+r),f=b(c,i+r),$=c.includes("center")&&c.split(" ").filter(m=>m!=="center").length===1,x=g(c);return o.jsx(u.TooltipContainer,{children:typeof t=="number"&&typeof e=="number"&&o.jsxs(u.Tooltip,{className:p,style:h.isSafari()?{left:`${t}px`,top:`${e}px`,transform:`translate(${a},${f})`}:{transform:`translate(calc(${a} + ${t}px), calc(${f} + ${e}px))`},hidden:!n,children:[l,$&&o.jsx(u.Arrow,{style:{"--arrow-size":`${i}px`,...x}})]})})};d.displayName="Charts.Tooltip";exports.default=d;

package/dist/charts/Tooltip/index.js

@@ -1,14 +1,14 @@
-import { jsx as f, jsxs as x } from "react/jsx-runtime";
-import { TooltipContainer as h, Tooltip as w, Arrow as O } from "./styles.js";
-import { isSafari as T } from "../../lib/utils.js";
-const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), g = (t, e) => t.includes("top") ? `calc(0% + ${e}px)` : t.includes("bottom") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), y = (t) => {
+import { jsx as f, jsxs as m } from "react/jsx-runtime";
+import { TooltipContainer as x, Tooltip as h, Arrow as w } from "./styles.js";
+import { isSafari as O } from "../../lib/utils.js";
+const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), g = (t, e) => t.includes("top") ? `calc(0% + ${e}px)` : t.includes("bottom") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), T = (t) => {
   let e = "0", n = "0", r = "0", l = "0", s = "0deg";
   return t.includes("center") && (e = "50%", n = "50%", r = "-50%", l = "-50%"), t.includes("top") && (n = "0", l = "-100%", s = "180deg"), t.includes("right") && (e = "100%", r = "-25%", s = "-90deg"), t.includes("left") && (e = "0", r = "-75%", s = "90deg"), t.includes("bottom") && (n = "100%", l = "0"), {
     left: e,
     top: n,
     transform: `translate(${r}, ${l}) rotate(${s})`
   };
-}, p = ({
+}, y = ({
   x: t,
   y: e,
   visible: n = !0,
@@ -17,12 +17,12 @@ const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right
   children: s,
   className: u
 }) => {
-  const o = [...l.split(" "), ..."center center".split(" ")].slice(0, 2).join(" "), c = 6, i = b(o, c + r), a = g(o, c + r), d = o.includes("center") && o.split(" ").filter((m) => m !== "center").length === 1, $ = y(o);
-  return /* @__PURE__ */ f(h, { children: typeof t == "number" && typeof e == "number" && /* @__PURE__ */ x(
-    w,
+  const o = [...l.split(" "), ..."center center".split(" ")].slice(0, 2).join(" "), c = 6, i = b(o, c + r), a = g(o, c + r), p = o.includes("center") && o.split(" ").filter(($) => $ !== "center").length === 1, d = T(o);
+  return /* @__PURE__ */ f(x, { children: typeof t == "number" && typeof e == "number" && /* @__PURE__ */ m(
+    h,
     {
       className: u,
-      style: T() ? {
+      style: O() ? {
         left: `${t}px`,
         top: `${e}px`,
         transform: `translate(${i},${a})`
@@ -32,12 +32,12 @@ const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right
       hidden: !n,
       children: [
         s,
-        d && /* @__PURE__ */ f(
-          O,
+        p && /* @__PURE__ */ f(
+          w,
           {
             style: {
               "--arrow-size": `${c}px`,
-              ...$
+              ...d
             }
           }
         )
@@ -45,8 +45,7 @@ const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right
     }
   ) });
 };
-p.displayName = "Charts.Tooltip";
-const X = p;
+y.displayName = "Charts.Tooltip";
 export {
-  X as default
+  y as default
 };

package/dist/charts/Viewport/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),e=({innerWidth:t,innerHeight:i,outerWidth:r,outerHeight:s,x:o,y:u,children:n})=>a.jsx("svg",{preserveAspectRatio:"none",x:o,y:u,width:r,height:s,viewBox:`0 0 ${t} ${i}`,children:n});e.displayName="Widgets.Charts.Viewport";const d=e;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=({innerWidth:t,innerHeight:i,outerWidth:r,outerHeight:s,x:o,y:u,children:a})=>n.jsx("svg",{preserveAspectRatio:"none",x:o,y:u,width:r,height:s,viewBox:`0 0 ${t} ${i}`,children:a});e.displayName="Widgets.Charts.Viewport";exports.default=e;

package/dist/charts/Viewport/index.js

@@ -1,26 +1,25 @@
-import { jsx as n } from "react/jsx-runtime";
-const e = ({
-  innerWidth: t,
-  innerHeight: o,
+import { jsx as a } from "react/jsx-runtime";
+const d = ({
+  innerWidth: e,
+  innerHeight: t,
   outerWidth: r,
   outerHeight: i,
-  x: s,
-  y: p,
-  children: a
-}) => /* @__PURE__ */ n(
+  x: o,
+  y: s,
+  children: p
+}) => /* @__PURE__ */ a(
   "svg",
   {
     preserveAspectRatio: "none",
-    x: s,
-    y: p,
+    x: o,
+    y: s,
     width: r,
     height: i,
-    viewBox: `0 0 ${t} ${o}`,
-    children: a
+    viewBox: `0 0 ${e} ${t}`,
+    children: p
   }
 );
-e.displayName = "Widgets.Charts.Viewport";
-const d = e;
+d.displayName = "Widgets.Charts.Viewport";
 export {
   d as default
 };

package/dist/charts/XAxis/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),M=require("d3-array"),c=require("../styles.cjs"),X=require("react-i18next"),b=({xDomain:e,xScale:o,y:i=0,ticks:a=0,labelRender:g,labelledById:h,margin:x,tickHeight:d=5,showBaseline:y=!0,className:j})=>{const{i18n:{language:A}}=X.useTranslation();if(e.length<2)return console.error("Failed to render: invalid domain",e),null;const f={...{top:0,right:0,bottom:0,left:0},...x},u=Array.isArray(a)?a:M.ticks(e[0],e[1],a),m=u.reduce((t,n)=>{if(Number.isInteger(n))return t;{const s=n.toString().split(".")[1].length;return s>t?s:t}},0),{format:F}=new Intl.NumberFormat(A,{minimumFractionDigits:m,maximumFractionDigits:m});return r.jsxs(r.Fragment,{children:[y&&r.jsx(c.BaseLine,{x1:o(e[0])-f.left,x2:o(e[1])+f.right,y1:i,y2:i}),u.length>0&&r.jsx("g",{role:"list","aria-labelledby":h,className:j,children:u.map((t,n)=>{if(t>=e[1])return null;const s=i+d,l=o(t);return r.jsxs("g",{role:"listitem",children:[d>0&&r.jsx(c.Tick,{x1:l,x2:l,y1:i,y2:s}),g?g(t,l,s,n):r.jsx(c.XLabel,{x:l,y:s,children:F(t)})]},n)})})]})};b.displayName="Charts.XAxis";const q=b;exports.default=q;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),M=require("d3-array"),c=require("../styles.cjs"),q=require("react-i18next"),b=({xDomain:e,xScale:o,y:i=0,ticks:a=0,labelRender:g,labelledById:h,margin:y,tickHeight:d=5,showBaseline:j=!0,className:x})=>{const{i18n:{language:A}}=q.useTranslation();if(e.length<2)return console.error("Failed to render: invalid domain",e),null;const f={...{top:0,right:0,bottom:0,left:0},...y},u=Array.isArray(a)?a:M.ticks(e[0],e[1],a),m=u.reduce((t,n)=>{if(Number.isInteger(n))return t;{const s=n.toString().split(".")[1].length;return s>t?s:t}},0),{format:F}=new Intl.NumberFormat(A,{minimumFractionDigits:m,maximumFractionDigits:m});return r.jsxs(r.Fragment,{children:[j&&r.jsx(c.BaseLine,{x1:o(e[0])-f.left,x2:o(e[1])+f.right,y1:i,y2:i}),u.length>0&&r.jsx("g",{role:"list","aria-labelledby":h,className:x,children:u.map((t,n)=>{if(t>=e[1])return null;const s=i+d,l=o(t);return r.jsxs("g",{role:"listitem",children:[d>0&&r.jsx(c.Tick,{x1:l,x2:l,y1:i,y2:s}),g?g(t,l,s,n):r.jsx(c.XLabel,{x:l,y:s,children:F(t)})]},n)})})]})};b.displayName="Charts.XAxis";exports.default=b;

package/dist/charts/XAxis/index.js

@@ -1,39 +1,39 @@
 "use client";
-import { jsxs as d, Fragment as x, jsx as l } from "react/jsx-runtime";
-import { ticks as M } from "d3-array";
-import { BaseLine as N, Tick as j, XLabel as I } from "../styles.js";
-import { useTranslation as L } from "react-i18next";
-const h = ({
+import { jsxs as d, Fragment as X, jsx as l } from "react/jsx-runtime";
+import { ticks as x } from "d3-array";
+import { BaseLine as M, Tick as N, XLabel as j } from "../styles.js";
+import { useTranslation as I } from "react-i18next";
+const L = ({
   xDomain: r,
   xScale: o,
   y: e = 0,
   ticks: a = 0,
   labelRender: g,
-  labelledById: b,
-  margin: p,
+  labelledById: h,
+  margin: b,
   tickHeight: m = 5,
-  showBaseline: y = !0,
-  className: A
+  showBaseline: p = !0,
+  className: y
 }) => {
   const {
-    i18n: { language: F }
-  } = L();
+    i18n: { language: A }
+  } = I();
   if (r.length < 2)
     return console.error("Failed to render: invalid domain", r), null;
-  const u = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...p }, c = Array.isArray(a) ? a : M(r[0], r[1], a), f = c.reduce((t, n) => {
+  const u = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...b }, c = Array.isArray(a) ? a : x(r[0], r[1], a), f = c.reduce((t, n) => {
     if (Number.isInteger(n))
       return t;
     {
       const i = n.toString().split(".")[1].length;
       return i > t ? i : t;
     }
-  }, 0), { format: X } = new Intl.NumberFormat(F, {
+  }, 0), { format: F } = new Intl.NumberFormat(A, {
     minimumFractionDigits: f,
     maximumFractionDigits: f
   });
-  return /* @__PURE__ */ d(x, { children: [
-    y && /* @__PURE__ */ l(
-      N,
+  return /* @__PURE__ */ d(X, { children: [
+    p && /* @__PURE__ */ l(
+      M,
       {
         x1: o(r[0]) - u.left,
         x2: o(r[1]) + u.right,
@@ -41,18 +41,17 @@ const h = ({
         y2: e
       }
     ),
-    c.length > 0 && /* @__PURE__ */ l("g", { role: "list", "aria-labelledby": b, className: A, children: c.map((t, n) => {
+    c.length > 0 && /* @__PURE__ */ l("g", { role: "list", "aria-labelledby": h, className: y, children: c.map((t, n) => {
       if (t >= r[1]) return null;
       const i = e + m, s = o(t);
       return /* @__PURE__ */ d("g", { role: "listitem", children: [
-        m > 0 && /* @__PURE__ */ l(j, { x1: s, x2: s, y1: e, y2: i }),
-        g ? g(t, s, i, n) : /* @__PURE__ */ l(I, { x: s, y: i, children: X(t) })
+        m > 0 && /* @__PURE__ */ l(N, { x1: s, x2: s, y1: e, y2: i }),
+        g ? g(t, s, i, n) : /* @__PURE__ */ l(j, { x: s, y: i, children: F(t) })
       ] }, n);
     }) })
   ] });
 };
-h.displayName = "Charts.XAxis";
-const Y = h;
+L.displayName = "Charts.XAxis";
 export {
-  Y as default
+  L as default
 };

package/dist/charts/YAxis/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),M=require("d3-array"),c=require("../styles.cjs"),Y=require("react-i18next"),b=({yDomain:s,yScale:l,x:n=0,margin:f,ticks:o=0,labelRender:g,labelledById:h,showBaseline:j=!0,tickLength:d=5,className:A})=>{const{i18n:{language:y}}=Y.useTranslation();if(s.length<2)return console.error("Failed to render: invalid domain",s),null;const m={...{top:0,right:0,bottom:0,left:0},...f},a=Array.isArray(o)?o:M.ticks(s[0],s[1],o),x=a.reduce((t,i)=>{if(Number.isInteger(i))return t;{const e=i.toString().split(".")[1].length;return e>t?e:t}},0),{format:F}=new Intl.NumberFormat(y,{minimumFractionDigits:x,maximumFractionDigits:x});return r.jsxs(r.Fragment,{children:[j&&r.jsx(c.BaseLine,{x1:n,x2:n,y1:l(s[0])+m.top,y2:l(s[1])-m.bottom}),a.length>0&&r.jsx("g",{role:"list","aria-labelledby":h,className:A,children:a.map((t,i)=>{const e=l(t),u=n-d;return r.jsxs("g",{role:"listitem",children:[d>0&&r.jsx(c.Tick,{x1:u,x2:n,y1:e,y2:e}),g?g(t,u,e,i):r.jsx(c.YLabel,{x:u,y:e,children:F(t)})]},i)})})]})};b.displayName="Charts.YAxis";const p=b;exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),M=require("d3-array"),c=require("../styles.cjs"),p=require("react-i18next"),b=({yDomain:s,yScale:l,x:n=0,margin:f,ticks:o=0,labelRender:g,labelledById:h,showBaseline:j=!0,tickLength:d=5,className:A})=>{const{i18n:{language:y}}=p.useTranslation();if(s.length<2)return console.error("Failed to render: invalid domain",s),null;const m={...{top:0,right:0,bottom:0,left:0},...f},a=Array.isArray(o)?o:M.ticks(s[0],s[1],o),x=a.reduce((t,i)=>{if(Number.isInteger(i))return t;{const e=i.toString().split(".")[1].length;return e>t?e:t}},0),{format:F}=new Intl.NumberFormat(y,{minimumFractionDigits:x,maximumFractionDigits:x});return r.jsxs(r.Fragment,{children:[j&&r.jsx(c.BaseLine,{x1:n,x2:n,y1:l(s[0])+m.top,y2:l(s[1])-m.bottom}),a.length>0&&r.jsx("g",{role:"list","aria-labelledby":h,className:A,children:a.map((t,i)=>{const e=l(t),u=n-d;return r.jsxs("g",{role:"listitem",children:[d>0&&r.jsx(c.Tick,{x1:u,x2:n,y1:e,y2:e}),g?g(t,u,e,i):r.jsx(c.YLabel,{x:u,y:e,children:F(t)})]},i)})})]})};b.displayName="Charts.YAxis";exports.default=b;

package/dist/charts/YAxis/index.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as f, Fragment as M, jsx as s } from "react/jsx-runtime";
-import { ticks as N } from "d3-array";
-import { BaseLine as j, Tick as y, YLabel as I } from "../styles.js";
-import { useTranslation as T } from "react-i18next";
-const x = ({
+import { jsxs as f, Fragment as Y, jsx as s } from "react/jsx-runtime";
+import { ticks as M } from "d3-array";
+import { BaseLine as N, Tick as j, YLabel as y } from "../styles.js";
+import { useTranslation as I } from "react-i18next";
+const T = ({
   yDomain: i,
   yScale: o,
   x: e = 0,
@@ -13,27 +13,27 @@ const x = ({
   labelledById: h,
   showBaseline: p = !0,
   tickLength: g = 5,
-  className: A
+  className: x
 }) => {
   const {
-    i18n: { language: F }
-  } = T();
+    i18n: { language: A }
+  } = I();
   if (i.length < 2)
     return console.error("Failed to render: invalid domain", i), null;
-  const u = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...b }, a = Array.isArray(l) ? l : N(i[0], i[1], l), d = a.reduce((t, n) => {
+  const u = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...b }, a = Array.isArray(l) ? l : M(i[0], i[1], l), d = a.reduce((t, n) => {
     if (Number.isInteger(n))
       return t;
     {
       const r = n.toString().split(".")[1].length;
       return r > t ? r : t;
     }
-  }, 0), { format: Y } = new Intl.NumberFormat(F, {
+  }, 0), { format: F } = new Intl.NumberFormat(A, {
     minimumFractionDigits: d,
     maximumFractionDigits: d
   });
-  return /* @__PURE__ */ f(M, { children: [
+  return /* @__PURE__ */ f(Y, { children: [
     p && /* @__PURE__ */ s(
-      j,
+      N,
       {
         x1: e,
         x2: e,
@@ -41,17 +41,16 @@ const x = ({
         y2: o(i[1]) - u.bottom
       }
     ),
-    a.length > 0 && /* @__PURE__ */ s("g", { role: "list", "aria-labelledby": h, className: A, children: a.map((t, n) => {
+    a.length > 0 && /* @__PURE__ */ s("g", { role: "list", "aria-labelledby": h, className: x, children: a.map((t, n) => {
       const r = o(t), m = e - g;
       return /* @__PURE__ */ f("g", { role: "listitem", children: [
-        g > 0 && /* @__PURE__ */ s(y, { x1: m, x2: e, y1: r, y2: r }),
-        c ? c(t, m, r, n) : /* @__PURE__ */ s(I, { x: m, y: r, children: Y(t) })
+        g > 0 && /* @__PURE__ */ s(j, { x1: m, x2: e, y1: r, y2: r }),
+        c ? c(t, m, r, n) : /* @__PURE__ */ s(y, { x: m, y: r, children: F(t) })
       ] }, n);
     }) })
   ] });
 };
-x.displayName = "Charts.YAxis";
-const X = x;
+T.displayName = "Charts.YAxis";
 export {
-  X as default
+  T as default
 };

package/dist/charts/styles.d.ts

@@ -21,7 +21,7 @@ export declare const BaseLine: 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;
@@ -503,7 +503,7 @@ export declare const Guide: 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;
@@ -985,7 +985,7 @@ export declare const Tick: 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;
@@ -1467,7 +1467,7 @@ export declare const Bar: 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;
@@ -1949,7 +1949,7 @@ export declare const XLabel: 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;
@@ -2431,7 +2431,7 @@ export declare const YLabel: 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/lib/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=(t=[],e=[])=>{const r=t[0]<e[0]?t:e,n=r===t?e:t;return r[1]<n[0]?null:[n[0],r[1]<n[1]?r[1]:n[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,D=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=p;exports.isSafari=_;exports.mergeWithDefaults=D;exports.middle=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=t=>t[Math.round((t.length-1)/2)],A=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const u=t[1]-t[0];if(u===0)return(e[0]+e[1])/2;let a=(l-t[0])/u;return i&&(a=Math.min(Math.max(a,0),1)),Number((a*(e[1]-e[0])+e[0]).toFixed(s))}},S=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,_=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=A;exports.isSafari=S;exports.mergeWithDefaults=_;exports.middle=p;

package/dist/lib/utils.js

@@ -1,6 +1,6 @@
-import a from "lodash/mergeWith";
-import u from "lodash/isNil";
-const l = (t, e) => {
+import u from "lodash/mergeWith";
+import a from "lodash/isNil";
+const d = (t, e) => {
   switch (!0) {
     case t > e:
       return 0;
@@ -9,10 +9,7 @@ const l = (t, e) => {
     default:
       return t;
   }
-}, d = (t, e, r) => t >= e && t <= r, p = (t = [], e = []) => {
-  const r = t[0] < e[0] ? t : e, n = r === t ? e : t;
-  return r[1] < n[0] ? null : [n[0], r[1] < n[1] ? r[1] : n[1]];
-}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], r) => {
+}, l = (t, e, r) => t >= e && t <= r, p = (t) => t[Math.round((t.length - 1) / 2)], A = (t = [0, 1], e = [0, 1], r) => {
   const n = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...n, ...r };
   return (f) => {
     const c = t[1] - t[0];
@@ -23,18 +20,17 @@ const l = (t, e) => {
       (o * (e[1] - e[0]) + e[0]).toFixed(s)
     );
   };
-}, x = () => {
+}, M = () => {
   const t = navigator.userAgent.indexOf("Chrome") > -1;
   return navigator.userAgent.indexOf("Safari") > -1 && !t;
-}, m = (t, e) => u(e) && t ? u(t) ? e : t : e, D = (t, e) => a({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
+}, m = (t, e) => a(e) && t ? a(t) ? e : t : e, D = (t, e) => u({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
 export {
-  d as between,
+  l as between,
   I as buildPath,
   m as defaultsMerger,
-  l as getClampedArrayIndex,
-  M as getLinearScale,
-  p as intersection,
-  x as isSafari,
+  d as getClampedArrayIndex,
+  A as getLinearScale,
+  M as isSafari,
   D as mergeWithDefaults,
-  A as middle
+  p as middle
 };