@hybridcore/ui 1.5.89 → 1.6.0

package/dist/components/charts/packed-circles/logic.js

@@ -0,0 +1,423 @@
+import { C as V, G as Y, k as X, l as I, R as ee, A as te } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as re } from "@mui/material";
+import ne from "dayjs";
+import { useId as se, useRef as ie, useEffect as oe } from "react";
+import { colorSetFromPalette as ae } from "../_common/utils.js";
+import { Z as $ } from "../../../ZoomableContainer-DYyqwaMb.js";
+import { M as ue, m as le, e as ce, b as q } from "../../../ColorSet-C7vpNXhM.js";
+import { B as A } from "../../../Button-CcsPEIDh.js";
+import { H as J } from "../../../Hierarchy-Bihj0S61.js";
+import { C as he } from "../../../Circle-Cy5s-pVc.js";
+import { o as fe, c as z, a as de } from "../../../constant-BiOGvlZc.js";
+class T extends V {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "homeButton", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.children.push(A.new(this._root, { width: 35, height: 35, themeTags: ["home"] }))
+    }), Object.defineProperty(this, "plusButton", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.children.push(A.new(this._root, { width: 35, height: 35, themeTags: ["plus"] }))
+    }), Object.defineProperty(this, "minusButton", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.children.push(A.new(this._root, { width: 35, height: 35, themeTags: ["minus"] }))
+    }), Object.defineProperty(this, "_disposer", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "_targetDisposer", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    });
+  }
+  _afterNew() {
+    super._afterNew(), this.set("position", "absolute"), this.set("layout", this._root.verticalLayout), this.addTag("zoomtools"), this.plusButton.setAll({
+      icon: Y.new(this._root, { themeTags: ["icon"] }),
+      layout: void 0
+    }), this.minusButton.setAll({
+      icon: Y.new(this._root, { themeTags: ["icon"] }),
+      layout: void 0
+    }), this.homeButton.setAll({
+      icon: Y.new(this._root, { themeTags: ["icon"] }),
+      layout: void 0
+    });
+  }
+  _prepareChildren() {
+    if (super._prepareChildren(), this.isDirty("target")) {
+      const r = this.get("target"), e = this._prevSettings.target;
+      r && (r instanceof $ && (this._targetDisposer = this.addDisposer(r.contents.on("scale", (n) => {
+        n == r.get("minZoomLevel") ? this.minusButton.set("disabled", !0) : this.minusButton.set("disabled", !1), n == r.get("maxZoomLevel") ? this.plusButton.set("disabled", !0) : this.plusButton.set("disabled", !1);
+      })), this.root.events.once("frameended", () => {
+        r.get("scale") == r.get("minZoomLevel") && this.minusButton.set("disabled", !0);
+      })), this._disposer = new ue([
+        this.plusButton.events.on("click", () => {
+          r.zoomIn();
+        }),
+        this.minusButton.events.on("click", () => {
+          r.zoomOut();
+        }),
+        this.homeButton.events.on("click", () => {
+          r.goHome();
+        })
+      ])), e && (this._disposer && this._disposer.dispose(), this._targetDisposer && this._targetDisposer.dispose());
+    }
+  }
+}
+Object.defineProperty(T, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "ZoomTools"
+});
+Object.defineProperty(T, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: V.classNames.concat([T.className])
+});
+const me = 1664525, pe = 1013904223, E = 4294967296;
+function ge() {
+  let t = 1;
+  return () => (t = (me * t + pe) % E) / E;
+}
+function ye(t) {
+  return typeof t == "object" && "length" in t ? t : Array.from(t);
+}
+function xe(t, r) {
+  let e = t.length, n, s;
+  for (; e; )
+    s = r() * e-- | 0, n = t[e], t[e] = t[s], t[s] = n;
+  return t;
+}
+function ve(t, r) {
+  for (var e = 0, n = (t = xe(Array.from(t), r)).length, s = [], i, a; e < n; )
+    i = t[e], a && K(a, i) ? ++e : (a = _e(s = be(s, i)), e = 0);
+  return a;
+}
+function be(t, r) {
+  var e, n;
+  if (O(r, t)) return [r];
+  for (e = 0; e < t.length; ++e)
+    if (C(r, t[e]) && O(v(t[e], r), t))
+      return [t[e], r];
+  for (e = 0; e < t.length - 1; ++e)
+    for (n = e + 1; n < t.length; ++n)
+      if (C(v(t[e], t[n]), r) && C(v(t[e], r), t[n]) && C(v(t[n], r), t[e]) && O(Q(t[e], t[n], r), t))
+        return [t[e], t[n], r];
+  throw new Error();
+}
+function C(t, r) {
+  var e = t.r - r.r, n = r.x - t.x, s = r.y - t.y;
+  return e < 0 || e * e < n * n + s * s;
+}
+function K(t, r) {
+  var e = t.r - r.r + Math.max(t.r, r.r, 1) * 1e-9, n = r.x - t.x, s = r.y - t.y;
+  return e > 0 && e * e > n * n + s * s;
+}
+function O(t, r) {
+  for (var e = 0; e < r.length; ++e)
+    if (!K(t, r[e]))
+      return !1;
+  return !0;
+}
+function _e(t) {
+  switch (t.length) {
+    case 1:
+      return we(t[0]);
+    case 2:
+      return v(t[0], t[1]);
+    case 3:
+      return Q(t[0], t[1], t[2]);
+  }
+}
+function we(t) {
+  return {
+    x: t.x,
+    y: t.y,
+    r: t.r
+  };
+}
+function v(t, r) {
+  var e = t.x, n = t.y, s = t.r, i = r.x, a = r.y, l = r.r, o = i - e, u = a - n, c = l - s, h = Math.sqrt(o * o + u * u);
+  return {
+    x: (e + i + o / h * c) / 2,
+    y: (n + a + u / h * c) / 2,
+    r: (h + s + l) / 2
+  };
+}
+function Q(t, r, e) {
+  var n = t.x, s = t.y, i = t.r, a = r.x, l = r.y, o = r.r, u = e.x, c = e.y, h = e.r, d = n - a, y = n - u, m = s - l, f = s - c, p = o - i, g = h - i, b = n * n + s * s - i * i, x = b - a * a - l * l + o * o, S = b - u * u - c * c + h * h, _ = y * m - d * f, w = (m * S - f * x) / (_ * 2) - n, k = (f * p - m * g) / _, P = (y * x - d * S) / (_ * 2) - s, N = (d * g - y * p) / _, R = k * k + N * N - 1, M = 2 * (i + w * k + P * N), Z = w * w + P * P - i * i, H = -(Math.abs(R) > 1e-6 ? (M + Math.sqrt(M * M - 4 * R * Z)) / (2 * R) : Z / M);
+  return {
+    x: n + w + k * H,
+    y: s + P + N * H,
+    r: H
+  };
+}
+function W(t, r, e) {
+  var n = t.x - r.x, s, i, a = t.y - r.y, l, o, u = n * n + a * a;
+  u ? (i = r.r + e.r, i *= i, o = t.r + e.r, o *= o, i > o ? (s = (u + o - i) / (2 * u), l = Math.sqrt(Math.max(0, o / u - s * s)), e.x = t.x - s * n - l * a, e.y = t.y - s * a + l * n) : (s = (u + i - o) / (2 * u), l = Math.sqrt(Math.max(0, i / u - s * s)), e.x = r.x + s * n - l * a, e.y = r.y + s * a + l * n)) : (e.x = r.x + e.r, e.y = r.y);
+}
+function F(t, r) {
+  var e = t.r + r.r - 1e-6, n = r.x - t.x, s = r.y - t.y;
+  return e > 0 && e * e > n * n + s * s;
+}
+function B(t) {
+  var r = t._, e = t.next._, n = r.r + e.r, s = (r.x * e.r + e.x * r.r) / n, i = (r.y * e.r + e.y * r.r) / n;
+  return s * s + i * i;
+}
+function D(t) {
+  this._ = t, this.next = null, this.previous = null;
+}
+function ke(t, r) {
+  if (!(i = (t = ye(t)).length)) return 0;
+  var e, n, s, i, a, l, o, u, c, h, d;
+  if (e = t[0], e.x = 0, e.y = 0, !(i > 1)) return e.r;
+  if (n = t[1], e.x = -n.r, n.x = e.r, n.y = 0, !(i > 2)) return e.r + n.r;
+  W(n, e, s = t[2]), e = new D(e), n = new D(n), s = new D(s), e.next = s.previous = n, n.next = e.previous = s, s.next = n.previous = e;
+  e: for (o = 3; o < i; ++o) {
+    W(e._, n._, s = t[o]), s = new D(s), u = n.next, c = e.previous, h = n._.r, d = e._.r;
+    do
+      if (h <= d) {
+        if (F(u._, s._)) {
+          n = u, e.next = n, n.previous = e, --o;
+          continue e;
+        }
+        h += u._.r, u = u.next;
+      } else {
+        if (F(c._, s._)) {
+          e = c, e.next = n, n.previous = e, --o;
+          continue e;
+        }
+        d += c._.r, c = c.previous;
+      }
+    while (u !== c.next);
+    for (s.previous = e, s.next = n, e.next = n.previous = n = s, a = B(e); (s = s.next) !== n; )
+      (l = B(s)) < a && (e = s, a = l);
+    n = e.next;
+  }
+  for (e = [n._], s = n; (s = s.next) !== n; ) e.push(s._);
+  for (s = ve(e, r), o = 0; o < i; ++o) e = t[o], e.x -= s.x, e.y -= s.y;
+  return s.r;
+}
+function Pe(t) {
+  return Math.sqrt(t.value);
+}
+function Ne() {
+  var t = null, r = 1, e = 1, n = z;
+  function s(i) {
+    const a = ge();
+    return i.x = r / 2, i.y = e / 2, t ? i.eachBefore(G(t)).eachAfter(L(n, 0.5, a)).eachBefore(U(1)) : i.eachBefore(G(Pe)).eachAfter(L(z, 1, a)).eachAfter(L(n, i.r / Math.min(r, e), a)).eachBefore(U(Math.min(r, e) / (2 * i.r))), i;
+  }
+  return s.radius = function(i) {
+    return arguments.length ? (t = fe(i), s) : t;
+  }, s.size = function(i) {
+    return arguments.length ? (r = +i[0], e = +i[1], s) : [r, e];
+  }, s.padding = function(i) {
+    return arguments.length ? (n = typeof i == "function" ? i : de(+i), s) : n;
+  }, s;
+}
+function G(t) {
+  return function(r) {
+    r.children || (r.r = Math.max(0, +t(r) || 0));
+  };
+}
+function L(t, r, e) {
+  return function(n) {
+    if (s = n.children) {
+      var s, i, a = s.length, l = t(n) * r || 0, o;
+      if (l) for (i = 0; i < a; ++i) s[i].r += l;
+      if (o = ke(s, e), l) for (i = 0; i < a; ++i) s[i].r -= l;
+      n.r = o + l;
+    }
+  };
+}
+function U(t) {
+  return function(r) {
+    var e = r.parent;
+    r.r *= t, e && (r.x = e.x + t * r.x, r.y = e.y + t * r.y);
+  };
+}
+class j extends J {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "_tag", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: "pack"
+    }), Object.defineProperty(this, "_packLayout", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: Ne()
+    }), Object.defineProperty(this, "_packData", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "circles", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new X(I.new({}), () => he._new(this._root, {
+        themeTags: le(this.circles.template.get("themeTags", []), [this._tag, "shape"])
+      }, [this.circles.template])))
+    });
+  }
+  _afterNew() {
+    super._afterNew(), this.setPrivate("scaleR", 1);
+  }
+  _prepareChildren() {
+    super._prepareChildren(), this.isPrivateDirty("scaleR") && this._rootNode && this._updateNodesScale(this._rootNode);
+  }
+  _updateVisuals() {
+    if (this._rootNode) {
+      const r = this._packLayout;
+      r.size([this.innerWidth(), this.innerHeight()]), r(this._rootNode), r.padding(this.get("nodePadding", 0)), this._updateNodes(this._rootNode);
+    }
+  }
+  _updateNode(r) {
+    super._updateNode(r);
+    const e = r.get("node"), n = r.get("circle"), s = r.get("d3HierarchyNode"), i = this.getPrivate("scaleR", 1), a = s.x * i, l = s.y * i, o = s.r * i, u = this.get("animationDuration", 0), c = this.get("animationEasing");
+    if (e.animate({ key: "x", to: a, duration: u, easing: c }), e.animate({ key: "y", to: l, duration: u, easing: c }), n) {
+      const h = r.get("fill"), d = r.get("fillPattern");
+      n.animate({ key: "radius", to: o, duration: u, easing: c }), n._setDefault("fill", h), n._setDefault("fillPattern", d), n._setDefault("stroke", h);
+    }
+  }
+  _updateNodesScale(r) {
+    const e = r.data.dataItem;
+    if (e) {
+      const n = e.get("node"), s = e.get("circle"), i = this.getPrivate("scaleR", 1), a = r.x * i, l = r.y * i, o = r.r * i;
+      n.setAll({ x: a, y: l }), s.set("radius", o);
+      const u = r.children;
+      u && ce(u, (c) => {
+        this._updateNodesScale(c);
+      });
+    }
+  }
+  /**
+   * @ignore
+   */
+  makeNode(r) {
+    const e = super.makeNode(r), n = e.children.moveValue(this.circles.make(), 0);
+    e.setPrivate("tooltipTarget", n), this.circles.push(n), r.setRaw("circle", n);
+    const s = r.get("label");
+    return n.on("radius", () => {
+      const i = n.get("radius", this.width()) * 2;
+      s.setAll({ maxWidth: i, maxHeight: i });
+    }), e;
+  }
+  _zoom(r) {
+    const e = r.get("d3HierarchyNode");
+    let n = e.x, s = e.y, i = e.r, a = Math.min(this.innerWidth(), this.innerHeight()) / (i * 2);
+    const l = this.get("animationEasing");
+    let o = this.get("animationDuration", 0);
+    this.inited || (o = 0), this.animatePrivate({ key: "scaleR", to: a, duration: o, easing: l });
+    const u = this.nodesContainer;
+    u.animate({ key: "x", from: u.x(), to: this.width() / 2 - n * a, duration: o, easing: l }), u.animate({ key: "y", from: u.y(), to: this.height() / 2 - s * a, duration: o, easing: l });
+  }
+}
+Object.defineProperty(j, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "Pack"
+});
+Object.defineProperty(j, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: J.classNames.concat([j.className])
+});
+function Me(t, r) {
+  const e = ne(t);
+  switch (r) {
+    case "millisecond":
+      return e.format("HH:mm:ss.SSS");
+    case "second":
+      return e.format("HH:mm:ss");
+    case "minute":
+      return e.format("HH:mm");
+    case "hour":
+      return e.format("HH:00");
+    case "day":
+      return e.format("DD MMM YYYY");
+    case "week":
+      return `Week of ${e.startOf("week").format("DD MMM YYYY")}`;
+    case "month":
+      return e.format("MMM YYYY");
+    case "year":
+      return e.format("YYYY");
+    default:
+      return e.format();
+  }
+}
+const Ze = (t) => {
+  const r = re({ props: t, name: "HCPackedCircles" }), {
+    dimensions: e,
+    values: n,
+    data: s,
+    initDelay: i = 0,
+    baseInterval: a = { timeUnit: "year", count: 1 },
+    colors: l,
+    sx: o,
+    ...u
+  } = r, h = `hc-packed-circles-${se().replace(/:/g, "")}`, d = ie(null);
+  oe(() => {
+    let m;
+    return m = setTimeout(() => {
+      if (e.length < 1) {
+        console.error("PackedCircles requires at least 1 dimension");
+        return;
+      }
+      if (n.length < 1) {
+        console.error("PackedCircles requires at least 1 value");
+        return;
+      }
+      const f = ee.new(h);
+      d.current = f, f.setThemes([te.new(f)]);
+      const p = f.container.children.push(
+        $.new(f, {
+          width: q,
+          height: q,
+          wheelable: !0,
+          pinchZoom: !0
+        })
+      );
+      p.children.push(
+        T.new(f, { target: p })
+      );
+      const g = p.contents.children.push(
+        j.new(f, {
+          maskContent: !1,
+          topDepth: 1,
+          valueField: n[0].dataFieldName,
+          categoryField: e[0].value,
+          childDataField: "children"
+        })
+      ), b = ae(f, l);
+      g.set("colors", b), e[0].type === "date" && s.forEach((x) => {
+        x[e[0].value] = Me(
+          x[e[0].value],
+          a.timeUnit
+        );
+      }), g.data.setAll([{ name: "Root", children: s }]), g.appear(1e3, 100);
+    }, i), () => {
+      var f;
+      m && clearTimeout(m), (f = d.current) == null || f.dispose(), d.current = null;
+    };
+  }, [s, e, n, l]);
+  const y = { ...r };
+  return { chartId: h, ownerState: y, sx: o, other: u };
+};
+export {
+  Me as formatTimeLabel,
+  Ze as usePackedCirclesLogic
+};

package/dist/components/charts/packed-circles/styled.js

@@ -0,0 +1,12 @@
+import { styled as t, Box as e } from "@mui/material";
+const d = t(e, {
+  name: "HCPackedCircles",
+  slot: "Root",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(() => ({
+  width: "100%",
+  height: "100%"
+}));
+export {
+  d as PackedCirclesRoot
+};

package/dist/components/charts/pie-chart/index.js

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { usePieChartLogic as m } from "./logic.js";
+import { PieChartRoot as n } from "./styled.js";
+function s(r) {
+  const { chartId: o, ownerState: i, sx: e, other: h } = m(r);
+  return /* @__PURE__ */ t(n, { ownerState: i, sx: e, ...h, children: /* @__PURE__ */ t("div", { id: o, style: { width: "100%", height: "100%" } }) });
+}
+export {
+  s as PieChart
+};

package/dist/components/charts/pie-chart/logic.js

@@ -0,0 +1,70 @@
+import { R as P, A as T } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as w, useTheme as x } from "@mui/material";
+import A from "dayjs";
+import { useId as C, useRef as F, useEffect as L } from "react";
+import { colorSetFromPalette as R } from "../_common/utils.js";
+import { P as D, a as I } from "../../../PieSeries-B2fW3z0s.js";
+import { c, p as h } from "../../../ColorSet-C7vpNXhM.js";
+import { L as S } from "../../../Legend-Dp_MKfS4.js";
+const z = (g) => {
+  const m = w({ props: g, name: "HCPieChart" }), {
+    dimensions: t,
+    values: s,
+    data: a,
+    initDelay: Y = 0,
+    colors: u,
+    sx: v,
+    ...y
+  } = m, r = x(), d = `hc-pie-chart-${C().replace(/:/g, "")}`, i = F(null);
+  L(() => {
+    let n;
+    return n = setTimeout(() => {
+      const e = P.new(d);
+      i.current = e, e.setThemes([T.new(e)]);
+      const p = e.container.children.push(
+        D.new(e, {
+          layout: e.verticalLayout
+        })
+      );
+      if (e.interfaceColors.setAll({
+        text: c(r.palette.text.primary),
+        grid: c(r.palette.divider),
+        stroke: c(r.palette.divider)
+      }), t.length < 1) {
+        console.error("Missing dimensions config!");
+        return;
+      }
+      if (s.length < 1) {
+        console.error("Missing values config!");
+        return;
+      }
+      const o = p.series.push(
+        I.new(e, {
+          valueField: s[0].dataFieldName,
+          categoryField: t[0].value
+        })
+      );
+      o.set("colors", R(e, u)), t[0].type === "date" && a.forEach((f) => {
+        let l = "YYYY";
+        t[0].value.includes("month") ? l = "MMM YYYY" : t[0].value.includes("day") && (l = "DD MMM YYYY"), f[t[0].value] = A(f[t[0].value]).format(
+          l
+        );
+      }), o.data.setAll(a), p.children.push(
+        S.new(e, {
+          centerX: h(50),
+          x: h(50),
+          marginTop: 15,
+          marginBottom: 15
+        })
+      ).data.setAll(o.dataItems), o.appear(1e3, 100);
+    }, Y), () => {
+      var e;
+      n && clearTimeout(n), (e = i.current) == null || e.dispose(), i.current = null;
+    };
+  }, [a, t, s, r.palette.mode, u]);
+  const M = { ...m };
+  return { chartId: d, ownerState: M, sx: v, other: y };
+};
+export {
+  z as usePieChartLogic
+};

package/dist/components/charts/pie-chart/styled.js

@@ -0,0 +1,12 @@
+import { styled as t, Box as r } from "@mui/material";
+const h = t(r, {
+  name: "HCPieChart",
+  slot: "Root",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(() => ({
+  width: "100%",
+  height: "100%"
+}));
+export {
+  h as PieChartRoot
+};

package/dist/components/charts/stacked-area-radar/index.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useStackedAreaRadarLogic as i } from "./logic.js";
+import { StackedAreaRadarRoot as c } from "./styled.js";
+function s(t) {
+  const { chartId: e, ownerState: a, sx: o, other: d } = i(t);
+  return /* @__PURE__ */ r(c, { ownerState: a, sx: o, ...d, children: /* @__PURE__ */ r("div", { id: e, style: { width: "100%", height: "100%" } }) });
+}
+export {
+  s as StackedAreaRadar
+};