@canplot/react 0.5.13 → 0.5.14

package/dist/canplot.mjs

@@ -381,7 +381,15 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     const t = new Le();
     return t._updateFrame(e), t;
   }, [e]);
-}, st = ({ layer: e = "MIDDLE", data: t, xScaleId: n, yScaleId: s, style: o, globalAlpha: i, xGapWidth: c }) => (j(
+}, st = ({
+  layer: e = "MIDDLE",
+  data: t,
+  xScaleId: n,
+  yScaleId: s,
+  style: o,
+  globalAlpha: i,
+  xGapWidth: c
+}) => (j(
   e,
   ({ ctx: r, clampXPosToChartArea: u, clampYPosToChartArea: l, valToPos: y }) => {
     r.save(), r.beginPath(), _(r, o);
@@ -389,8 +397,12 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     o?.lineDash && r.setLineDash(o.lineDash), i !== void 0 && (r.globalAlpha = i);
     let a = null;
     for (const g of t) {
-      const h = u(y(g.x, n, "canvas")), p = l(y(g.y, s, "canvas"));
-      h === null || p === null || (a !== null && c !== void 0 && h - a > c ? r.moveTo(h, p) : r.lineTo(h, p), a = h);
+      const h = u(
+        y(g.x, n, "canvas")
+      ), p = l(
+        y(g.y, s, "canvas")
+      );
+      h === null || p === null || (a !== null && c !== void 0 && g.x - a > c ? r.moveTo(h, p) : r.lineTo(h, p), a = g.x);
     }
     r.stroke(), d && r.setLineDash(d), r.restore();
   },
@@ -425,13 +437,13 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         f = v;
       } else
         f = a(v, "canvas");
-      const b = y(p.y, s);
-      if (b !== null) {
+      const x = y(p.y, s);
+      if (x !== null) {
         if (i === "clip") {
           if (!d(p.y, s)) continue;
-          m = b;
+          m = x;
         } else
-          m = g(b, "canvas");
+          m = g(x, "canvas");
         f === null || m === null || h.push({ x: f, y: m });
       }
     }
@@ -478,15 +490,15 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       const v = d(m.x, t, "canvas");
       if (v === null)
         continue;
-      const b = v - p / 2 + i * p, T = g(
+      const x = v - p / 2 + i * p, T = g(
         d(m.y, n, "canvas"),
         "canvas"
       );
       if (T === null)
         continue;
-      const w = h - T, x = a(b, "canvas"), S = a(b + p, "canvas") - x;
+      const w = h - T, b = a(x, "canvas"), S = a(x + p, "canvas") - b;
       f.push({
-        x,
+        x: b,
         y: T,
         width: S,
         height: w
@@ -570,8 +582,8 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     r.save(), r.fontKerning = "auto", _(r, {
       ...n
     }), r.beginPath();
-    const b = Array.isArray(c) ? c : c({ ...d, axis: a }, y);
-    for (const { value: T } of b) {
+    const x = Array.isArray(c) ? c : c({ ...d, axis: a }, y);
+    for (const { value: T } of x) {
       const w = u(T, t, "canvas");
       w !== null && (r.moveTo(w, p), r.lineTo(w, m));
     }
@@ -583,14 +595,14 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       // alter font size for DPR
       font: _e(s?.font ?? n?.font)
     });
-    for (const { value: T, label: w } of b) {
-      const x = u(T, t, "canvas");
-      if (x === null)
+    for (const { value: T, label: w } of x) {
+      const b = u(T, t, "canvas");
+      if (b === null)
         continue;
       const S = w.split(`
 `);
       for (let E = 0; E < S.length; E++)
-        r.fillText(S[E], x, m + h * 2 + E * v);
+        r.fillText(S[E], b, m + h * 2 + E * v);
     }
     r.restore();
   },
@@ -610,8 +622,8 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     if (!d || !d.axis || d.origin !== "y") return;
     const a = d.axis, g = a.position === "left" ? a.canvasRect.x + a.canvasRect.width : a.canvasRect.x, h = g, p = i ?? 6, f = a.position === "left" ? g - p : g + p, m = o ?? 12, v = Array.isArray(c) ? c : c({ ...d, axis: a }, y);
     r.save(), r.fontKerning = "auto", _(r, { ...n }), r.beginPath();
-    for (const { value: b } of v) {
-      const T = u(b, t, "canvas");
+    for (const { value: x } of v) {
+      const T = u(x, t, "canvas");
       T !== null && (r.moveTo(h, T), r.lineTo(f, T));
     }
     r.stroke(), r.restore(), r.save(), _(r, {
@@ -622,14 +634,14 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       // alter font size for DPR
       font: _e(s?.font ?? n?.font)
     });
-    for (const { value: b, label: T } of v) {
-      const w = u(b, t, "canvas");
+    for (const { value: x, label: T } of v) {
+      const w = u(x, t, "canvas");
       if (w === null)
         continue;
-      const x = T.split(`
+      const b = T.split(`
 `);
-      for (let S = 0; S < x.length; S++)
-        r.fillText(` ${x[S]} `, f, w + S * m);
+      for (let S = 0; S < b.length; S++)
+        r.fillText(` ${b[S]} `, f, w + S * m);
     }
     r.restore();
   },
@@ -675,7 +687,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       s.current(c, i);
     }
   ), [t, e, s]);
-}, we = R.createContext(""), be = (e, t) => {
+}, we = R.createContext(""), xe = (e, t) => {
   const n = R.useContext(we);
   return L(e, n, t);
 }, ut = (e, t, n, s, o) => {
@@ -812,9 +824,9 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   }, p = k(h);
   return p.current = h, ke(() => {
     const f = (w) => {
-      const x = d.current;
-      x && M.spanselect.dispatchEvent(u, {
-        ...x,
+      const b = d.current;
+      b && M.spanselect.dispatchEvent(u, {
+        ...b,
         completed: !0
       }), M.documentmouseup.dispatchEvent(u, {
         frame: r.current,
@@ -826,35 +838,35 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         }
       });
     }, m = (w) => {
-      const x = {
+      const b = {
         ctrlKey: w.ctrlKey,
         altKey: w.altKey,
         shiftKey: w.shiftKey,
         metaKey: w.metaKey
       }, S = a.current;
-      if (S && Object.entries(x).some(
+      if (S && Object.entries(b).some(
         ([C, P]) => S.keys[C] !== P
       )) {
-        const C = { ...S, keys: x };
+        const C = { ...S, keys: b };
         a.current = C, M.sync_move.dispatchEvent(l, C);
       }
       const E = d.current;
-      if (E && Object.entries(x).some(
+      if (E && Object.entries(b).some(
         ([C, P]) => E.keys[C] !== P
       )) {
         w.stopPropagation(), w.preventDefault();
-        const C = { ...E, keys: x };
+        const C = { ...E, keys: b };
         d.current = C, M.spanselect.dispatchEvent(u, C);
       }
     }, v = (w) => {
       p.current(
         w,
-        (x, { cssX: S, cssY: E }, C) => {
+        (b, { cssX: S, cssY: E }, C) => {
           const P = y.current;
-          if (!P || !x.x || !x.y) return;
-          const D = r.current, z = P.xRangeCss.start, ae = S, le = P.yRangeCss.start, ue = E, ee = F(D, x.x.scaleId);
+          if (!P || !b.x || !b.y) return;
+          const D = r.current, z = P.xRangeCss.start, ae = S, le = P.yRangeCss.start, ue = E, ee = F(D, b.x.scaleId);
           if (!ee) return;
-          const te = F(D, x.y.scaleId);
+          const te = F(D, b.y.scaleId);
           if (!te) return;
           y.current = {
             xRangeCss: { start: z, end: ae },
@@ -925,10 +937,10 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           );
         }
       );
-    }, b = (w) => {
-      p.current(w, (x, S, E) => {
+    }, x = (w) => {
+      p.current(w, (b, S, E) => {
         const C = N(
-          x,
+          b,
           r.current
         );
         if (!C) return;
@@ -948,10 +960,10 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     };
     document.addEventListener("mouseup", f), document.addEventListener("keydown", m), document.addEventListener("keyup", m), document.addEventListener("mousemove", v);
     const T = i.current;
-    return T?.addEventListener("wheel", b, {
+    return T?.addEventListener("wheel", x, {
       passive: !1
     }), () => {
-      document.removeEventListener("mouseup", f), document.removeEventListener("keydown", m), document.removeEventListener("keyup", m), document.removeEventListener("mousemove", v), T?.removeEventListener("wheel", b);
+      document.removeEventListener("mouseup", f), document.removeEventListener("keydown", m), document.removeEventListener("keyup", m), document.removeEventListener("mousemove", v), T?.removeEventListener("wheel", x);
     };
   }, [r, u, l, p]), L("sync_move", l, (f) => {
     const m = f.positions ? N(
@@ -983,7 +995,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         f.preventDefault();
       },
       onClick: (f) => {
-        h(f, (m, v, b) => {
+        h(f, (m, v, x) => {
           const T = N(
             m,
             r.current
@@ -991,30 +1003,30 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           T && M.click.dispatchEvent(u, {
             pointer: T,
             frame: r.current,
-            keys: b
+            keys: x
           });
         });
       },
       onMouseLeave: (f) => {
-        h(f, (m, v, b) => {
+        h(f, (m, v, x) => {
           M.sync_move.dispatchEvent(l, {
             positions: null,
-            keys: b,
+            keys: x,
             originInteractionsId: u
           });
         });
       },
       onMouseMove: (f) => {
-        h(f, (m, v, b) => {
+        h(f, (m, v, x) => {
           M.sync_move.dispatchEvent(l, {
             positions: m,
-            keys: b,
+            keys: x,
             originInteractionsId: u
           });
         });
       },
       onMouseDown: (f) => {
-        h(f, (m, { cssX: v, cssY: b }, T) => {
+        h(f, (m, { cssX: v, cssY: x }, T) => {
           const w = N(
             m,
             r.current
@@ -1025,12 +1037,12 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
             keys: T
           }), y.current = {
             xRangeCss: { start: v, end: v },
-            yRangeCss: { start: b, end: b }
+            yRangeCss: { start: x, end: x }
           });
         });
       },
       onMouseUp: (f) => {
-        h(f, (m, v, b) => {
+        h(f, (m, v, x) => {
           const T = N(
             m,
             r.current
@@ -1039,15 +1051,15 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           M.mouseup.dispatchEvent(u, {
             frame: r.current,
             pointer: T,
-            keys: b
+            keys: x
           });
           const w = d.current;
           d.current = null;
-          const x = y.current;
-          if (y.current = null, x && w) {
+          const b = y.current;
+          if (y.current = null, b && w) {
             const S = {
               ...w,
-              keys: b,
+              keys: x,
               completed: !0
             };
             d.current = null, M.spanselect.dispatchEvent(
@@ -1058,7 +1070,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         });
       },
       onContextMenu: (f) => {
-        f.preventDefault(), h(f, (m, v, b) => {
+        f.preventDefault(), h(f, (m, v, x) => {
           const T = N(
             m,
             r.current
@@ -1066,12 +1078,12 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           T && M.contextmenu.dispatchEvent(u, {
             frame: r.current,
             pointer: T,
-            keys: b
+            keys: x
           });
         });
       },
       onDoubleClick: (f) => {
-        h(f, (m, v, b) => {
+        h(f, (m, v, x) => {
           const T = N(
             m,
             r.current
@@ -1079,7 +1091,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           T && M.dblclick.dispatchEvent(u, {
             frame: r.current,
             pointer: T,
-            keys: b
+            keys: x
           });
         });
       },
@@ -1088,7 +1100,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   );
 }, Yt = ({ data: e, renderTooltip: t, xScaleId: n }) => {
   const [s, o] = B(null);
-  be("move", (c) => {
+  xe("move", (c) => {
     o(c);
   });
   const i = Q(() => {
@@ -1104,8 +1116,8 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       for (const [m, v] of a.points.entries()) {
         if (!de(c, v.x, n) || !de(c, v.y, a.yScaleId))
           continue;
-        const b = Math.abs(v.x - u);
-        b < h && (h = b, g = m);
+        const x = Math.abs(v.x - u);
+        x < h && (h = x, g = m);
       }
       const p = a.points[g ?? -1], f = ge(c, h, n, "css");
       if (!p || f === null || f > 30) {
@@ -1126,7 +1138,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   return t(i);
 }, Bt = ({ makeXStyle: e, makeXClassName: t, makeYStyle: n, makeYClassName: s }) => {
   const [o, i] = B(null);
-  if (be("move", (a) => {
+  if (xe("move", (a) => {
     i(a);
   }), !o)
     return null;
@@ -1176,7 +1188,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   ] });
 }, zt = ({ makeClassName: e, makeStyle: t }) => {
   const [n, s] = B(null);
-  be("spanselect", (i) => {
+  xe("spanselect", (i) => {
     s(
       i.mode === "below_threshold" || i.completed ? null : i
     );
@@ -1249,7 +1261,7 @@ const Rt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
 }, oe = [];
 for (let e = -12; e <= 12; e++)
   oe.push(1 * 10 ** e), oe.push(2 * 10 ** e), oe.push(5 * 10 ** e);
-const pt = 1, Oe = 1e3 * pt, xe = 60 * Oe, J = 60 * xe, ce = 24 * J, yt = 30 * ce, gt = 365 * ce, vt = [
+const pt = 1, Oe = 1e3 * pt, be = 60 * Oe, J = 60 * be, ce = 24 * J, yt = 30 * ce, gt = 365 * ce, vt = [
   // second divisors
   [1, "milliseconds"],
   [2, "milliseconds"],
@@ -1309,7 +1321,7 @@ const pt = 1, Oe = 1e3 * pt, xe = 60 * Oe, J = 60 * xe, ce = 24 * J, yt = 30 * c
     case "seconds":
       return t * Oe;
     case "minutes":
-      return t * xe;
+      return t * be;
     case "hours":
       return t * J;
     case "days":
@@ -1322,10 +1334,10 @@ const pt = 1, Oe = 1e3 * pt, xe = 60 * Oe, J = 60 * xe, ce = 24 * J, yt = 30 * c
 }, wt = (e, t) => {
   const n = new Date(e);
   return n.setUTCMilliseconds(n.getUTCMilliseconds() + t), n.getTime();
-}, bt = (e, t) => {
+}, xt = (e, t) => {
   const n = new Date(e);
   return n.setUTCSeconds(n.getUTCSeconds() + t), n.getTime();
-}, xt = (e, t) => {
+}, bt = (e, t) => {
   const n = new Date(e);
   return n.setUTCMinutes(n.getUTCMinutes() + t), n.getTime();
 }, Tt = (e, t) => {
@@ -1343,9 +1355,9 @@ const pt = 1, Oe = 1e3 * pt, xe = 60 * Oe, J = 60 * xe, ce = 24 * J, yt = 30 * c
     case "milliseconds":
       return wt(e, n);
     case "seconds":
-      return bt(e, n);
-    case "minutes":
       return xt(e, n);
+    case "minutes":
+      return bt(e, n);
     case "hours":
       return Tt(e, n);
     case "days":
@@ -1380,7 +1392,7 @@ const Ct = (e, t, n = "UTC") => {
       break;
     case "minutes":
       i.setUTCMinutes(
-        Math.ceil(i.getTime() % J / xe / s) * s,
+        Math.ceil(i.getTime() % J / be / s) * s,
         0,
         0
       );
@@ -1501,9 +1513,9 @@ const Ct = (e, t, n = "UTC") => {
   return (o) => {
     const i = o[1] - o[0], c = i < ie([1, "days"]), r = i < ie([1, "minutes"]), u = i < ie([1, "seconds"]);
     return o.map((l) => ({ value: l, label: s.formatToParts(new Date(l)) })).map((l, y, d) => {
-      const a = d[y - 1], g = y === 0 || Y(l.label, a.label, "year"), h = y === 0 || Y(l.label, a.label, "day"), p = y === 0 || Y(l.label, a.label, "month"), f = y === 0 || Y(l.label, a.label, "hour"), m = y === 0 || Y(l.label, a.label, "timeZoneName"), v = y === 0 || Y(l.label, a.label, "minute"), b = y === 0 || Y(l.label, a.label, "second"), T = y === 0 || Y(l.label, a.label, "fractionalSecond"), w = [];
-      if (c && (f || v || m || b || T)) {
-        const x = l.label.find((P) => P.type === "hour")?.value, S = l.label.find((P) => P.type === "minute")?.value, E = l.label.find((P) => P.type === "timeZoneName")?.value;
+      const a = d[y - 1], g = y === 0 || Y(l.label, a.label, "year"), h = y === 0 || Y(l.label, a.label, "day"), p = y === 0 || Y(l.label, a.label, "month"), f = y === 0 || Y(l.label, a.label, "hour"), m = y === 0 || Y(l.label, a.label, "timeZoneName"), v = y === 0 || Y(l.label, a.label, "minute"), x = y === 0 || Y(l.label, a.label, "second"), T = y === 0 || Y(l.label, a.label, "fractionalSecond"), w = [];
+      if (c && (f || v || m || x || T)) {
+        const b = l.label.find((P) => P.type === "hour")?.value, S = l.label.find((P) => P.type === "minute")?.value, E = l.label.find((P) => P.type === "timeZoneName")?.value;
         let C = "";
         if (r) {
           const P = l.label.find((z) => z.type === "second")?.value, D = l.label.find(
@@ -1512,17 +1524,17 @@ const Ct = (e, t, n = "UTC") => {
           C = `:${P}` + (u ? `.${D}` : "");
         }
         w.push(
-          `${x}:${S}${C}` + (n && m ? ` ${E}` : "")
+          `${b}:${S}${C}` + (n && m ? ` ${E}` : "")
         );
       }
       return (h || p) && w.push(
         [
-          l.label.find((x) => x.type === "month")?.value,
-          h && l.label.find((x) => x.type === "day")?.value
+          l.label.find((b) => b.type === "month")?.value,
+          h && l.label.find((b) => b.type === "day")?.value
         ].filter(Boolean).join(" ")
-      ), g && w.push(l.label.find((x) => x.type === "year")?.value), {
+      ), g && w.push(l.label.find((b) => b.type === "year")?.value), {
         value: l.value,
-        label: w.filter((x) => x).join(`
+        label: w.filter((b) => b).join(`
 `)
       };
     });
@@ -1560,7 +1572,7 @@ export {
   kt as sum,
   j as useDrawEffect,
   Ue as useFrameState,
-  be as useInteractionsEvent,
+  xe as useInteractionsEvent,
   de as valFits,
   Z as valToPos,
   ge as valToPxDistance