@rubin-epo/epo-widget-lib 0.9.12 → 0.10.0

package/dist/charts/Tooltip/styles.js

@@ -1,12 +1,11 @@
 "use client";
 import o from "styled-components";
 import r from "../ForeignObject/index.js";
-const i = o(r)`
+const e = o(r)`
   overflow: visible;
 `, d = o.div`
   background-color: #dce0e3;
   border-radius: 4px;
-  font-size: 0.5em;
   line-height: 1;
   padding: 2px 4px;
   text-align: center;
@@ -25,5 +24,5 @@ const i = o(r)`
 export {
   n as Arrow,
   d as Tooltip,
-  i as TooltipContainer
+  e as TooltipContainer
 };

package/dist/charts/Viewport/index.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent, PropsWithChildren } from "react";
+import { FunctionComponent, PropsWithChildren } from 'react';
+
 export interface ViewportProps {
     innerWidth: number;
     innerHeight: number;

package/dist/charts/XAxis/index.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent } from 'react';
 import { Domain, ScaleFunction, BaseAxisProps } from '../../types/charts';
+
 export interface XAxisProps extends BaseAxisProps {
     xDomain: Domain;
     xScale: ScaleFunction;

package/dist/charts/YAxis/index.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent } from 'react';
 import { Domain, ScaleFunction, BaseAxisProps } from '../../types/charts';
+
 export interface YAxisProps extends BaseAxisProps {
     yDomain: Domain;
     yScale: ScaleFunction;

package/dist/charts/canvas/Points/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("react/jsx-runtime"),p=require("../../defaults.cjs"),c=require("react"),u=({data:o,width:r,height:i,xScale:a,yScale:f,onLoadedCallback:l})=>{const[d,P]=c.useState(),[n,v]=c.useState();if(c.useEffect(()=>()=>{n&&URL.revokeObjectURL(n)},[]),o.length===0)return null;const R=(s,e)=>{const{stroke:t,fill:h,radius:y,x:C,y:j}={...p.default.canvasPoint,...s},m=a(C),S=f(j);e.beginPath(),e.arc(m,S,y||6,0,2*Math.PI),e.closePath(),e.fillStyle=h,e.strokeStyle=t,e.fill(),e.stroke()},g=s=>{const e=(window==null?void 0:window.devicePixelRatio)||1;s.width=r*e,s.height=i*e;const t=s.getContext("2d");if(t)return t.scale(e,e),t};if(d!==o.length){n&&URL.revokeObjectURL(n);const s=document==null?void 0:document.createElement("canvas"),e=g(s);e&&(e.clearRect(0,0,r,i),e.lineWidth=1,o.forEach(t=>R(t,e)),s.toBlob(t=>{t&&(v(URL.createObjectURL(t)),P(o.length),l&&l())}))}return U.jsx("image",{href:n,x:0,y:0,width:r,height:i})};u.displayName="Charts.Canvas.Points";const L=u;exports.default=L;

package/dist/charts/canvas/Points/index.d.ts

@@ -0,0 +1,14 @@
+import { PlotPoint, ScaleFunction } from '../../../types/charts';
+import { FunctionComponent } from 'react';
+
+type Props = {
+    data: Array<PlotPoint>;
+    width: number;
+    height: number;
+    xScale: ScaleFunction;
+    yScale: ScaleFunction;
+    onLoadedCallback?: () => void;
+    label?: string;
+};
+declare const CanvasPoints: FunctionComponent<Props>;
+export default CanvasPoints;

package/dist/charts/canvas/Points/index.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as L } from "react/jsx-runtime";
+import j from "../../defaults.js";
+import { useState as a, useEffect as k } from "react";
+const l = ({
+  data: o,
+  width: r,
+  height: i,
+  xScale: f,
+  yScale: u,
+  onLoadedCallback: c
+}) => {
+  const [P, m] = a(), [s, d] = a();
+  if (k(() => () => {
+    s && URL.revokeObjectURL(s);
+  }, []), o.length === 0)
+    return null;
+  const R = (n, t) => {
+    const { stroke: e, fill: v, radius: h, x: C, y } = {
+      ...j.canvasPoint,
+      ...n
+    }, U = f(C), g = u(y);
+    t.beginPath(), t.arc(U, g, h || 6, 0, 2 * Math.PI), t.closePath(), t.fillStyle = v, t.strokeStyle = e, t.fill(), t.stroke();
+  }, p = (n) => {
+    const t = (window == null ? void 0 : window.devicePixelRatio) || 1;
+    n.width = r * t, n.height = i * t;
+    const e = n.getContext("2d");
+    if (e)
+      return e.scale(t, t), e;
+  };
+  if (P !== o.length) {
+    s && URL.revokeObjectURL(s);
+    const n = document == null ? void 0 : document.createElement("canvas"), t = p(n);
+    t && (t.clearRect(0, 0, r, i), t.lineWidth = 1, o.forEach((e) => R(e, t)), n.toBlob((e) => {
+      e && (d(URL.createObjectURL(e)), m(o.length), c && c());
+    }));
+  }
+  return /* @__PURE__ */ L("image", { href: s, x: 0, y: 0, width: r, height: i });
+};
+l.displayName = "Charts.Canvas.Points";
+const S = l;
+export {
+  S as default
+};

package/dist/charts/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={top:0,right:0,bottom:0,left:0},r=6,o={radius:r,fill:"var(--point-fill, #12726D)",stroke:"var(--point-stroke, #12726D)"},e=r/2,s="var(--error-bar-stroke, var(--black, #000))",i="var(--error-bar-stroke-width, 1)",l="var(--error-bar-fill, none)",a={stroke:s,strokeWidth:i,fill:l},n={margins:t,pointRadius:r,point:o,errorBarCapWidth:e,errorBarStyles:a},d=n;exports.default=d;exports.errorBarCapWidth=e;exports.errorBarStyles=a;exports.margins=t;exports.point=o;exports.pointRadius=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={top:0,right:0,bottom:0,left:0},r=6,o={radius:r,fill:"var(--point-fill, #12726D)",stroke:"var(--point-stroke, #12726D)"},e={radius:r,fill:"#12726D",stroke:"#12726D"},a=r/2,i="var(--error-bar-stroke, var(--black, #000))",n="var(--error-bar-stroke-width, 1)",l="var(--error-bar-fill, none)",s={stroke:i,strokeWidth:n,fill:l},c={margins:t,pointRadius:r,point:o,canvasPoint:e,errorBarCapWidth:a,errorBarStyles:s},d=c;exports.canvasPoint=e;exports.default=d;exports.errorBarCapWidth=a;exports.errorBarStyles=s;exports.margins=t;exports.point=o;exports.pointRadius=r;

package/dist/charts/defaults.d.ts

@@ -1,7 +1,13 @@
-import { ChartMargin, Point } from '../types/charts';
+import { ChartMargin, PlotPoint } from '../types/charts';
+
 export declare const margins: ChartMargin;
 export declare const pointRadius = 6;
-export declare const point: Partial<Point>;
+export declare const point: Partial<PlotPoint>;
+export declare const canvasPoint: {
+    radius: number;
+    fill: string;
+    stroke: string;
+};
 export declare const errorBarCapWidth: number;
 export declare const errorBarStyles: {
     stroke: string;
@@ -11,7 +17,12 @@ export declare const errorBarStyles: {
 declare const defaults: {
     margins: ChartMargin;
     pointRadius: number;
-    point: Partial<Point>;
+    point: Partial<PlotPoint>;
+    canvasPoint: {
+        radius: number;
+        fill: string;
+        stroke: string;
+    };
     errorBarCapWidth: number;
     errorBarStyles: {
         stroke: string;

package/dist/charts/defaults.js

@@ -2,21 +2,27 @@ const t = { top: 0, right: 0, bottom: 0, left: 0 }, r = 6, o = {
   radius: r,
   fill: "var(--point-fill, #12726D)",
   stroke: "var(--point-stroke, #12726D)"
-}, a = r / 2, e = "var(--error-bar-stroke, var(--black, #000))", s = "var(--error-bar-stroke-width, 1)", i = "var(--error-bar-fill, none)", n = {
+}, s = {
+  radius: r,
+  fill: "#12726D",
+  stroke: "#12726D"
+}, a = r / 2, e = "var(--error-bar-stroke, var(--black, #000))", i = "var(--error-bar-stroke-width, 1)", n = "var(--error-bar-fill, none)", l = {
   stroke: e,
-  strokeWidth: s,
-  fill: i
-}, l = {
+  strokeWidth: i,
+  fill: n
+}, c = {
   margins: t,
   pointRadius: r,
   point: o,
+  canvasPoint: s,
   errorBarCapWidth: a,
-  errorBarStyles: n
-}, c = l;
+  errorBarStyles: l
+}, d = c;
 export {
-  c as default,
+  s as canvasPoint,
+  d as default,
   a as errorBarCapWidth,
-  n as errorBarStyles,
+  l as errorBarStyles,
   t as margins,
   o as point,
   r as pointRadius

package/dist/charts/hooks/useAxis.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),i=require("d3-array"),M=require("../../lib/utils.cjs"),g={linear:M.getLinearScale},b=({min:t,max:r,step:s,range:o,scale:u="linear",scaleOptions:l})=>{const n=c.useMemo(()=>Math.ceil((r-t+1)/10)*10/s,[t,r,s]),e=c.useMemo(()=>i.nice(t,r,n),[t,r,n]),a=i.range(e[0],e[1],s),d=c.useCallback(g[u](e,o,l),[e,o,u]);return[e,a,d]};exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),i=require("d3-array"),h=require("../../lib/utils.cjs"),S={linear:h.getLinearScale},g=({min:e,max:t,step:c,range:o,scale:u="linear",scaleOptions:d})=>{const n=t>e?Math.abs(c):-Math.abs(c),r=n/2,l=a.useMemo(()=>Math.abs(Math.ceil((t-e+1)/10)*10/c),[e,t,c]),s=a.useMemo(()=>i.nice(e-r,t+r,l),[e,t,l,r]),M=i.range(s[0]+r,s[1],n),b=a.useCallback(S[u](s,o,d),[s,o,u]);return[s,M,b]};exports.default=g;

package/dist/charts/hooks/useAxis.d.ts

@@ -1,4 +1,5 @@
 import { Domain, Scale, ScaleFunction } from '../../types/charts';
+
 interface UseAxisProps {
     min: number;
     max: number;

package/dist/charts/hooks/useAxis.js

@@ -1,29 +1,29 @@
 "use client";
-import { useMemo as i, useCallback as f } from "react";
-import { nice as k, range as d } from "d3-array";
-import { getLinearScale as g } from "../../lib/utils.js";
-const m = {
-  linear: g
-}, h = ({
+import { useMemo as i, useCallback as M } from "react";
+import { nice as b, range as d } from "d3-array";
+import { getLinearScale as k } from "../../lib/utils.js";
+const S = {
+  linear: k
+}, j = ({
   min: t,
-  max: e,
-  step: c,
-  range: r,
-  scale: s = "linear",
-  scaleOptions: a
+  max: o,
+  step: e,
+  range: c,
+  scale: r = "linear",
+  scaleOptions: u
 }) => {
-  const n = i(
-    () => Math.ceil((e - t + 1) / 10) * 10 / c,
-    [t, e, c]
-  ), o = i(
-    () => k(t, e, n),
-    [t, e, n]
-  ), l = d(o[0], o[1], c), u = f(
-    m[s](o, r, a),
-    [o, r, s]
+  const n = o > t ? Math.abs(e) : -Math.abs(e), a = n / 2, l = i(
+    () => Math.abs(Math.ceil((o - t + 1) / 10) * 10 / e),
+    [t, o, e]
+  ), s = i(
+    () => b(t - a, o + a, l),
+    [t, o, l, a]
+  ), f = d(s[0] + a, s[1], n), h = M(
+    S[r](s, c, u),
+    [s, c, r]
   );
-  return [o, l, u];
+  return [s, f, h];
 };
 export {
-  h as default
+  j as default
 };

package/dist/charts/index.d.ts

@@ -1,11 +1,11 @@
-export { default as Base } from "./Base";
-export { default as XAxis } from "./XAxis";
-export { default as YAxis } from "./YAxis";
-export { default as Guidelines } from "./Guidelines";
-export { default as Points } from "./Points";
-export { default as Tooltip } from "./Tooltip";
-export { default as ClippingContainer } from "./ClippingContainer";
-export { default as Bars } from "./Bars";
-export { default as Viewport } from "./Viewport";
-export { default as ForeignObject } from "./ForeignObject";
-export { default as ScatterPlot } from "./ScatterPlot";
+export { default as Base } from './Base';
+export { default as XAxis } from './XAxis';
+export { default as YAxis } from './YAxis';
+export { default as Guidelines } from './Guidelines';
+export { default as Points } from './Points';
+export { default as Tooltip } from './Tooltip';
+export { default as ClippingContainer } from './ClippingContainer';
+export { default as Bars } from './Bars';
+export { default as Viewport } from './Viewport';
+export { default as ForeignObject } from './ForeignObject';
+export { default as ScatterPlot } from './ScatterPlot';

package/dist/charts/styles.cjs

@@ -1,19 +1,17 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),n=t=>t&&t.__esModule?t:{default:t},e=n(a),o=e.default.line`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),a=t=>t&&t.__esModule?t:{default:t},e=a(n),o=e.default.line`
   stroke: var(--axis-stroke, #707070);
-`,i=e.default.polyline`
+`,r=e.default.polyline`
   stroke: var(--guide-stroke, #808080);
 `,s=e.default.line`
   stroke: var(--axis-tick-stroke, #000);
   stroke-width: 2;
-`,r=e.default.rect`
+`,i=e.default.rect`
   cursor: pointer;
   transform-origin: center bottom;
 `,l=e.default.text`
-  font-size: 0.5em;
   text-anchor: middle;
   dominant-baseline: hanging;
 `,d=e.default.text`
-  font-size: 0.5em;
   text-anchor: end;
-  dominant-baseline: mathematical;
-`;exports.Bar=r;exports.BaseLine=o;exports.Guide=i;exports.Tick=s;exports.XLabel=l;exports.YLabel=d;
+  dominant-baseline: central;
+`;exports.Bar=i;exports.BaseLine=o;exports.Guide=r;exports.Tick=s;exports.XLabel=l;exports.YLabel=d;