@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/Picker.es.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx as p, jsxs as A } from "react/jsx-runtime";
+import * as $ from "react";
+import { useRef as y, useState as B, useCallback as F, useEffect as R } from "react";
+import { g as D } from "./_commonjsHelpers-1d52fb73.js";
+import { _ as P, a as Y, s as v } from "./index.module-fb41ba3b.js";
+import { u as H } from "./useTheme-0688f238.js";
+import { c as G } from "./index-c57db938.js";
+import "./clsx.m-e965ef18.js";
+function U(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var S = U, X = P, q = function() {
+  return X.Date.now();
+}, z = q, J = /\s/;
+function K(e) {
+  for (var t = e.length; t-- && J.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var Q = K, Z = Q, V = /^\s+/;
+function ee(e) {
+  return e && e.slice(0, Z(e) + 1).replace(V, "");
+}
+var te = ee;
+function ne(e) {
+  return e != null && typeof e == "object";
+}
+var re = ne, ie = Y, ce = re, ae = "[object Symbol]";
+function se(e) {
+  return typeof e == "symbol" || ce(e) && ie(e) == ae;
+}
+var oe = se, ue = te, O = S, le = oe, N = 0 / 0, fe = /^[-+]0x[0-9a-f]+$/i, me = /^0b[01]+$/i, de = /^0o[0-7]+$/i, he = parseInt;
+function be(e) {
+  if (typeof e == "number")
+    return e;
+  if (le(e))
+    return N;
+  if (O(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = O(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = ue(e);
+  var r = me.test(e);
+  return r || de.test(e) ? he(e.slice(2), r ? 2 : 8) : fe.test(e) ? N : +e;
+}
+var ge = be, ve = S, I = z, L = ge, pe = "Expected a function", xe = Math.max, ke = Math.min;
+function ye(e, t, r) {
+  var i, c, h, f, a, m, l = 0, u = !1, d = !1, s = !0;
+  if (typeof e != "function")
+    throw new TypeError(pe);
+  t = L(t) || 0, ve(r) && (u = !!r.leading, d = "maxWait" in r, h = d ? xe(L(r.maxWait) || 0, t) : h, s = "trailing" in r ? !!r.trailing : s);
+  function n(o) {
+    var b = i, x = c;
+    return i = c = void 0, l = o, f = e.apply(x, b), f;
+  }
+  function g(o) {
+    return l = o, a = setTimeout(k, t), u ? n(o) : f;
+  }
+  function E(o) {
+    var b = o - m, x = o - l, j = t - b;
+    return d ? ke(j, h - x) : j;
+  }
+  function _(o) {
+    var b = o - m, x = o - l;
+    return m === void 0 || b >= t || b < 0 || d && x >= h;
+  }
+  function k() {
+    var o = I();
+    if (_(o))
+      return C(o);
+    a = setTimeout(k, E(o));
+  }
+  function C(o) {
+    return a = void 0, s && i ? n(o) : (i = c = void 0, f);
+  }
+  function W() {
+    a !== void 0 && clearTimeout(a), l = 0, i = m = c = a = void 0;
+  }
+  function w() {
+    return a === void 0 ? f : C(I());
+  }
+  function T() {
+    var o = I(), b = _(o);
+    if (i = arguments, c = this, m = o, b) {
+      if (a === void 0)
+        return g(m);
+      if (d)
+        return clearTimeout(a), a = setTimeout(k, t), n(m);
+    }
+    return a === void 0 && (a = setTimeout(k, t)), f;
+  }
+  return T.cancel = W, T.flush = w, T;
+}
+var M = ye;
+const Ee = /* @__PURE__ */ D(M);
+var Te = M, $e = S, Ie = "Expected a function";
+function Se(e, t, r) {
+  var i = !0, c = !0;
+  if (typeof e != "function")
+    throw new TypeError(Ie);
+  return $e(r) && (i = "leading" in r ? !!r.leading : i, c = "trailing" in r ? !!r.trailing : c), Te(e, t, {
+    leading: i,
+    maxWait: t,
+    trailing: c
+  });
+}
+var _e = Se;
+const Ce = /* @__PURE__ */ D(_e), je = (e) => {
+  R(e, []);
+}, Oe = (e, t) => {
+  const r = y(null);
+  y(0);
+  const i = y(0), c = y(30), [h, f] = B(t), a = F(
+    (s) => {
+      let n = -(s / c.current);
+      const g = Math.floor(n);
+      n - g > 0.5 ? n = g + 1 : n = g, n < 0 && (n = 0);
+      const E = e[n].value;
+      return f(E), { currentIndex: n };
+    },
+    [e]
+  ), m = Ce((s) => {
+    s.preventDefault();
+    const n = r.current, g = s.deltaY;
+    i.current += -g * 4, i.current > 0 && (i.current = 0), i.current < -((e.length - 1) * c.current) && (i.current = -((e.length - 1) * c.current)), n && (n.style.transition = "transform 0.2s", n.style.transform = `translateY(${i.current}px)`), l();
+  }), l = Ee(() => {
+    const { currentIndex: s } = a(i.current);
+    i.current = -(c.current * s);
+    const n = r.current;
+    n && (n.style.transform = `translateY(${i.current}px)`);
+  }, 16.7);
+  R(() => {
+    const s = r.current;
+    if (s && s.firstElementChild) {
+      const n = s.firstElementChild.getBoundingClientRect().height;
+      c.current = n;
+    }
+    if (s !== null)
+      return s.addEventListener("wheel", m, !1), () => {
+        s.removeEventListener("wheel", m);
+      };
+  }, [e.length, a, r.current]);
+  const u = () => {
+    e.forEach((s, n) => {
+      s.value === t && d(n);
+    }), t || d(0);
+  }, d = (s) => {
+    const n = r.current;
+    i.current = -(c.current * s), n && (n.style.transform = `translate3D(0, ${i.current}px, 0)`);
+  };
+  return je(() => {
+    u();
+  }), { pickerColumnsEl: r, selected: h, setSelected: f, selectIndex: d };
+}, Ne = G("", {
+  variants: {
+    intent: {
+      select: "bu-text-md",
+      unSelect: "bu-text-base"
+    },
+    theme: {
+      light: "bu-text-light-label",
+      dark: "bu-text-dark-label"
+    }
+  },
+  compoundVariants: [
+    {
+      intent: "unSelect",
+      theme: "light",
+      class: "bu-text-light-label"
+    },
+    {
+      intent: "unSelect",
+      theme: "dark",
+      class: "bu-text-dark-label-40"
+    }
+  ]
+}), Be = ({ list: e, selectedValue: t, setValue: r }) => {
+  const { pickerColumnsEl: i, selected: c, setSelected: h, selectIndex: f } = Oe(
+    e,
+    t
+  ), { theme: a } = H(), m = $.useMemo(() => {
+    const l = [];
+    for (let u = 0; u < e.length; u++)
+      l.push(
+        /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(
+          "div",
+          {
+            className: v["picker-list"],
+            onClick: () => {
+              h(e[u].value), f(u);
+            },
+            children: /* @__PURE__ */ p(
+              "span",
+              {
+                className: `${Ne({
+                  intent: c === e[u].value ? "select" : "unSelect",
+                  theme: a
+                })}`,
+                children: e[u].label
+              }
+            )
+          }
+        ) }, t + "_" + u)
+      );
+    return l;
+  }, [e, c]);
+  return $.useEffect(() => {
+    r(c);
+  }, [c]), $.useEffect(() => {
+    const l = e.findIndex((d) => d.value === t), u = l > -1 ? l : e.length - 1;
+    f(u), h(e[u].value);
+  }, [e]), /* @__PURE__ */ A("div", { className: v["picker-column"], children: [
+    /* @__PURE__ */ p("div", { className: v.up + " " + v[`up-${a || "light"}`] }),
+    /* @__PURE__ */ p("div", { className: v.down + " " + v[`down-${a || "light"}`] }),
+    /* @__PURE__ */ p("div", { className: v["picker-column-wheel"], ref: i, children: m })
+  ] });
+};
+export {
+  Be as Picker
+};

package/dist/Popover.d.ts

@@ -0,0 +1 @@
+export * from './components/Popover/index'

package/dist/Popover.es.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsxs as N, jsx as _ } from "react/jsx-runtime";
+import * as t from "react";
+import { useEffect as w } from "react";
+import { createPortal as $ } from "react-dom";
+import { u as j, a as O, b as S } from "./useDelayEvent-f577f6a3.js";
+import "./_commonjsHelpers-1d52fb73.js";
+const D = (l, p, c, n, e) => {
+  const r = (i) => {
+    n && n.contains(i.target) || e && e.contains(i.target) || p(!1);
+  };
+  w(() => {
+    if (!c)
+      return n && (document.removeEventListener("click", r), document.addEventListener("click", r)), () => {
+        document.removeEventListener("click", r);
+      };
+  }, [l, c]);
+}, v = {
+  "popover-content": "_popover-content_1iu3o_1",
+  "popover-content-visible": "_popover-content-visible_1iu3o_7",
+  "popover-content-hidden": "_popover-content-hidden_1iu3o_12"
+}, B = t.forwardRef((l, p) => {
+  t.useImperativeHandle(p, () => ({
+    close: x
+  }));
+  const {
+    label: c,
+    content: n,
+    trigger: e,
+    y: r,
+    x: i,
+    placement: P = "bottom-start",
+    flipPlacement: d,
+    afterClose: h,
+    contentClassName: y,
+    className: M,
+    onVisibleChange: a
+  } = l, k = t.useMemo(() => e !== "click", [e]), [o, s] = j(!1, 100, k), u = t.useRef(null), f = t.useRef(null);
+  D(
+    o,
+    s,
+    k,
+    u.current,
+    f.current
+  );
+  const { isClient: g } = O(), { styles: C, attributes: L, update: m } = S(u.current, f.current, {
+    placement: P,
+    strategy: "fixed",
+    modifiers: [
+      {
+        name: "offset",
+        options: {
+          offset: [i, r]
+        }
+      },
+      {
+        name: "flip",
+        options: {
+          fallbackPlacements: d || []
+        }
+      }
+    ]
+  }), x = () => {
+    s(!1);
+  };
+  t.useEffect(() => {
+    m && m();
+  }, [o, m]);
+  const R = () => {
+    e === "click" && s(!o);
+  }, b = () => {
+    e !== "click" && s(!0);
+  }, E = () => {
+    e !== "click" && s(!1);
+  };
+  return t.useEffect(() => {
+    o || h && h(), a == null || a(o);
+  }, [o]), /* @__PURE__ */ N("div", { ref: u, onClick: R, className: M, children: [
+    /* @__PURE__ */ _(
+      "label",
+      {
+        className: "bu-cursor-pointer",
+        onMouseEnter: b,
+        onMouseLeave: E,
+        children: c
+      }
+    ),
+    g && $(
+      /* @__PURE__ */ _(
+        "div",
+        {
+          onMouseEnter: b,
+          onMouseLeave: E,
+          ref: f,
+          style: C.popper,
+          ...L.popper,
+          className: `${v["popover-content"]} ${o ? v["popover-content-visible"] : v["popover-content-hidden"]} ${y}`,
+          children: n
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+export {
+  B as Popover
+};

package/dist/Popup.d.ts

@@ -0,0 +1 @@
+export * from './components/Popup/index'

package/dist/Popup.es.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs as N, jsx as R } from "react/jsx-runtime";
+import * as e from "react";
+import { useRef as T } from "react";
+import { c as W } from "./index-c57db938.js";
+import "./clsx.m-e965ef18.js";
+const f = {
+  "popup-container": "_popup-container_1lnwv_1",
+  "popup-title": "_popup-title_1lnwv_5",
+  "popup-content": "_popup-content_1lnwv_9"
+}, j = W("", {
+  variants: {
+    show: {
+      true: "bu-opacity-1 bu-z-[1]",
+      false: "bu-z-[1] bu-opacity-0"
+    }
+  }
+});
+function z(o) {
+  const r = T(o);
+  return r.current = o, r;
+}
+const q = e.forwardRef((o, r) => {
+  e.useImperativeHandle(r, () => ({
+    open: () => {
+      s(!0);
+    },
+    close: () => {
+      s(!1);
+    }
+  }));
+  const { title: w, content: v, cancel: _, distance: d = 10, disabled: b = !1, auto: m } = o, [t, s] = e.useState(!1), [E, l] = e.useState(!1), [H, g] = e.useState(!1), n = e.useRef(null), [h, S] = e.useState(0), i = e.useRef(null), a = e.useRef(null), u = z(_), p = (c) => {
+    i.current && document.contains(c.target) && c.target && !i.current.contains(c.target) && t && (s(!1), u.current && u.current());
+  }, k = () => {
+    b || (s(!t), t && u.current && u.current());
+  };
+  return e.useEffect(() => {
+    if (n.current && S(n.current.clientHeight), n.current && a.current && t) {
+      const c = window.innerHeight || document.documentElement.clientHeight, x = window.innerWidth || document.documentElement.clientWidth, { bottom: y, right: C } = n.current.getBoundingClientRect(), { height: L, width: I } = a.current.getBoundingClientRect();
+      C + I >= x ? g(!0) : g(!1), m && y + L > c ? l(!1) : l(!0);
+    }
+  }, [t, m]), e.useEffect(() => (i.current && (document.removeEventListener("click", p), document.addEventListener("click", p)), () => {
+    document.removeEventListener("click", p);
+  }), [t]), /* @__PURE__ */ N("div", { ref: i, className: f["popup-container"], children: [
+    /* @__PURE__ */ R("div", { ref: n, className: f["popup-title"], onClick: k, children: w }),
+    /* @__PURE__ */ R(
+      "div",
+      {
+        ref: a,
+        className: `${j({ show: t })} ${f["popup-content"]}`,
+        style: {
+          ...E ? { top: d + h + "px" } : { bottom: d + h + "px" },
+          ...H ? { right: 0 } : { left: 0 }
+        },
+        children: t && v
+      }
+    )
+  ] });
+});
+export {
+  q as Popup
+};