@hybridcore/ui 1.5.90 → 1.6.0

package/dist/components/metric-card/MetricChart.js

@@ -1,469 +1,21 @@
-import { jsx as F } from "react/jsx-runtime";
-import { h as S, m as k, i as p, j as b, k as L, l as X, V as z, b as Y, A as j, X as O, c as E, g as G, d as Z, f as R } from "../../AxisRendererY-kADUad00.js";
-import { useTheme as q, alpha as B } from "@mui/material";
-import { useRef as V, useLayoutEffect as W } from "react";
-import { C as H } from "../../ColumnSeries-BTcqshjB.js";
-import { L as J } from "../../LineSeries-CfcpoYla.js";
-class P extends S {
-  constructor() {
-    super(...arguments), Object.defineProperty(this, "_frequency", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: 1
-    }), Object.defineProperty(this, "_itemMap", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: {}
-    });
-  }
-  _afterNew() {
-    this._settings.themeTags = k(this._settings.themeTags, ["axis"]), this.fields.push("category", "id", "cellSize"), this.setPrivateRaw("name", "category"), this.addTag("category"), super._afterNew();
-  }
-  _afterDataChange() {
-    super._afterDataChange();
-    const t = this.dataItems.length;
-    t > 0 && this.setPrivateRaw("maxZoomFactor", t), this.setPrivateRaw("startIndex", Math.min(this.getPrivate("startIndex", 0), t)), this.setPrivateRaw("endIndex", Math.min(this.getPrivate("endIndex", t), 1));
-  }
-  _prepareChildren() {
-    super._prepareChildren();
-    const t = this.dataItems.length;
-    let e = 0;
-    this._valuesDirty && (this._itemMap = {}, p(this.dataItems, (n) => {
-      n.setRaw("index", e), this._itemMap[n.get("category")] = n, e++;
-    }), this.setPrivateRaw("maxZoomFactor", t));
-    let s = this.get("start", 0), i = this.get("end", 1), a = this._getIndices(s, i);
-    this.setPrivateRaw("startIndex", a.startIndex), this.setPrivateRaw("endIndex", a.endIndex), (this._sizeDirty || this._valuesDirty || this.isDirty("start") || this.isDirty("end") || this.isPrivateDirty("endIndex") || this.isPrivateDirty("startIndex") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && this.dataItems.length > 0 && (this._handleRangeChange(), this._prepareAxisItems(), this._updateAxisRanges());
-  }
-  /**
-   * @ignore
-   */
-  adjustZoom() {
-    const t = this.dataItems.length;
-    if (t > 1) {
-      let e = this.get("maxZoomCount", this.dataItems.length), s = this.get("minZoomCount", 1), i = 0, a = this.getPrivate("startIndex", 0), n = this.getPrivate("endIndex", 0);
-      const d = this._sAnimation, o = this._eAnimation;
-      let l = this.get("start", 0), r = !1;
-      d && !d.stopped && (l = Number(d.to), r = !0);
-      let h = this.get("end", 1);
-      if (o && !o.stopped && (h = Number(o.to), r = !0), r) {
-        const g = this._getIndices(l, h);
-        a = g.startIndex, n = g.endIndex;
-      }
-      for (let g = a; g < n; g++) {
-        const m = this.dataItems[g];
-        i += m.get("finalCellSize", 1);
-      }
-      if (i <= s) {
-        let g = 0;
-        for (let m = a; m < t; m++) {
-          const f = this.dataItems[m];
-          if (g += f.get("finalCellSize", 1), n = m + 1, g >= s)
-            break;
-        }
-        if (g < s)
-          for (let m = a - 1; m >= 0; m--) {
-            const f = this.dataItems[m];
-            if (g += f.get("finalCellSize", 1), a = m, g >= s)
-              break;
-          }
-        this.zoomToIndexes(a, n);
-      } else if (i >= e) {
-        let g = i;
-        for (let m = n - 1; m >= a; m--) {
-          const f = this.dataItems[m];
-          if (g -= f.get("finalCellSize", 1), g <= e) {
-            n = m + 1;
-            break;
-          }
-        }
-        this.zoomToIndexes(a, n);
-      }
-    }
-  }
-  _handleRangeChange() {
-    p(this.series, (t) => {
-      let e = this.dataItems[this.startIndex()].get("category"), s = this.dataItems[this.endIndex() - 1].get("category"), i = t.get("baseAxis"), a = t.get("xAxis"), n = t.get("yAxis");
-      if (a instanceof P && n instanceof P)
-        t._markDirtyAxes();
-      else if (i === this) {
-        let d, o, l = n;
-        if (a === i ? (t.get("categoryXField") && (d = "categoryX"), t.get("openCategoryXField") && (o = "openCategoryX")) : n === i && (t.get("categoryYField") && (d = "categoryY"), t.get("openCategoryYField") && (o = "openCategoryY"), l = a), l instanceof z && (d || o)) {
-          let g = function(c, y, u, v, N, w) {
-            let x, C = y.categoryToIndex(N);
-            for (; !x && C >= 0 && C < y.dataItems.length; ) {
-              let D = y.dataItems[C].get("category");
-              if (w == "previous")
-                for (let I = c.dataItems.length - 1; I >= 0; I--) {
-                  let _ = c.dataItems[I];
-                  if (u && _.get(u) === D) {
-                    x = _;
-                    break;
-                  }
-                  if (v && _.get(v) === D) {
-                    x = _;
-                    break;
-                  }
-                }
-              else
-                for (let I = 0, _ = c.dataItems.length; I < _; I++) {
-                  let M = c.dataItems[I];
-                  if (u && M.get(u) === D) {
-                    x = M;
-                    break;
-                  }
-                  if (v && M.get(v) === D) {
-                    x = M;
-                    break;
-                  }
-                }
-              x || (C += w === "previous" ? -1 : 1);
-            }
-            return x;
-          }, r, h;
-          r = g(t, this, d, o, e, "next"), h = g(t, this, d, o, s, "previous");
-          let m = 0, f = t.dataItems.length;
-          r && (m = t.dataItems.indexOf(r)), h && (f = t.dataItems.indexOf(h) + 1), t.setPrivate("startIndex", m), t.setPrivate("endIndex", f);
-          let T = !1;
-          for (let c = m; c < f; c++) {
-            const y = t.dataItems[c];
-            if (p(t.__valueXShowFields, (u) => {
-              y.get(u) != null && (T = !0);
-            }), p(t.__valueYShowFields, (u) => {
-              y.get(u) != null && (T = !0);
-            }), T)
-              break;
-          }
-          t.setPrivate("outOfSelection", !T);
-        }
-        t._markDirtyAxes();
-      }
-    });
-  }
-  _prepareAxisItems() {
-    var t;
-    const e = this.get("renderer"), s = this.dataItems.length;
-    let i = this.startIndex();
-    i > 0 && i--;
-    let a = this.endIndex();
-    a < s && a++;
-    const n = e.get("minorLabelsEnabled"), d = e.get("minorGridEnabled", n);
-    let o = e.axisLength() / Math.max(e.get("minGridDistance"), 1), l = Math.max(1, Math.min(s, Math.ceil((a - i) / o)));
-    i = Math.floor(i / l) * l, this._frequency = l;
-    for (let h = 0; h < s; h++)
-      this._toggleDataItem(this.dataItems[h], !1);
-    let r = this.dataItems[i].get("index", 0);
-    for (let h = i; h < a; h = h + l) {
-      let g = this.dataItems[h];
-      this._createAssets(g, []), this._toggleDataItem(g, !0);
-      let m = l;
-      d && (m = 1), this._prepareDataItem(g, r, m), r++;
-    }
-    if (e.get("minorGridEnabled"))
-      for (let h = i; h < a; h++) {
-        let g = this.dataItems[h];
-        h % l != 0 && (this._createAssets(g, ["minor"], !0), this._toggleDataItem(g, !0), this._prepareDataItem(g, 0, 1), n || (t = g.get("label")) === null || t === void 0 || t.setPrivate("visible", !1));
-      }
-    this._updateGhost();
-  }
-  _prepareDataItem(t, e, s) {
-    let i = this.get("renderer"), a = t.get("categoryLocation", 0), n = t.get("endCategoryLocation", 1), d = t.get("index");
-    b(d) || (d = this.categoryToIndex(t.get("category")));
-    let o = this.indexToPosition(d, a), l = t.get("endCategory"), r;
-    l ? (r = this.categoryToIndex(l), b(r) || (r = d)) : r = d;
-    let h = this.indexToPosition(r, n), g, m;
-    if (t.get("isRange")) {
-      if (g = r, !b(d)) {
-        this._toggleDataItem(t, !1);
-        return;
-      }
-    } else
-      g = d + this._frequency - 1;
-    m = this.indexToPosition(g, n), i.updateLabel(t.get("label"), o, h, s), i.updateGrid(t.get("grid"), o, h), i.updateTick(t.get("tick"), o, h, s), i.updateFill(t.get("axisFill"), o, m), this._processBullet(t), i.updateBullet(t.get("bullet"), o, h);
-    const f = this.get("fillRule");
-    f && f(t, e);
-  }
-  startIndex() {
-    let t = this.dataItems.length;
-    return Math.min(Math.max(this.getPrivate("startIndex", 0), 0), t - 1);
-  }
-  endIndex() {
-    let t = this.dataItems.length;
-    return Math.max(1, Math.min(this.getPrivate("endIndex", t), t));
-  }
-  /**
-   * @ignore
-   */
-  baseValue() {
-  }
-  /**
-   * @ignore
-   */
-  basePosition() {
-    return 0;
-  }
-  /**
-   * Returns X coordinate in pixels corresponding to specific category index.
-   *
-   * @param   value  Index
-   * @return         X coordinate
-   */
-  getX(t) {
-    let e = this._itemMap[t];
-    return e ? this._settings.renderer.positionToCoordinate(this.indexToPosition(e.get("index", 0))) : NaN;
-  }
-  /**
-   * Returns Y coordinate in pixels corresponding to specific category index.
-   *
-   * @param   value  Index
-   * @return         Y coordinate
-   */
-  getY(t) {
-    let e = this._itemMap[t];
-    return e ? this._settings.renderer.positionToCoordinate(this.indexToPosition(e.get("index", 0))) : NaN;
-  }
-  /**
-   * @ignore
-   */
-  getDataItemPositionX(t, e, s, i) {
-    const a = t.get(e), n = this._itemMap[a];
-    return n ? this.indexToPosition(n.get("index", 0), s) : NaN;
-  }
-  /**
-   * @ignore
-   */
-  getDataItemCoordinateX(t, e, s, i) {
-    return this._settings.renderer.positionToCoordinate(this.getDataItemPositionX(t, e, s, i));
-  }
-  /**
-   * @ignore
-   */
-  getDataItemPositionY(t, e, s, i) {
-    const a = t.get(e), n = this._itemMap[a];
-    return n ? this.indexToPosition(n.get("index", 0), s) : NaN;
-  }
-  /**
-   * @ignore
-   */
-  getDataItemCoordinateY(t, e, s, i) {
-    return this._settings.renderer.positionToCoordinate(this.getDataItemPositionY(t, e, s, i));
-  }
-  /**
-   * Converts category index to a relative position.
-   *
-   * `location` indicates relative position within category: 0 - start, 1 - end.
-   *
-   * If not set, will use middle (0.5) of the category.
-   *
-   * @param   index     Index
-   * @param   location  Location
-   * @return            Index
-   */
-  indexToPosition(t, e, s) {
-    let i = this.dataItems.length, a = 0;
-    if (i == 0 || (t >= i && (t = i - 1, e = 1), b(e) || (e = 0.5), !b(t)))
-      return 0;
-    let n = this.get("startLocation", 0), d = this.get("endLocation", 1);
-    if (!this.get("cellSizeField"))
-      i -= n, i -= 1 - d, a = (t + e - n) / i;
-    else {
-      let o = s ? "finalCellSize" : "cellSize";
-      const l = this.dataItems;
-      let r = 0;
-      p(this.dataItems, (m) => {
-        r += m.get(o, 1);
-      }), r -= n * l[0].get(o, 1), r -= (1 - d) * l[l.length - 1].get(o, 1);
-      let h = 0;
-      for (let m = 0; m < t; m++)
-        h += l[m].get(o, 1);
-      let g = l[t].get(o, 1);
-      a = (h + e * g - n * l[0].get(o, 1)) / r;
-    }
-    if (!s) {
-      let o = this.dataItems[t];
-      o && (a += o.get("deltaPosition", 0));
-    }
-    return a;
-  }
-  /**
-   * Returns a position of a category.
-   *
-   * @param   category  Category to look up
-   * @return            Position
-   */
-  categoryToPosition(t) {
-    let e = this._itemMap[t];
-    return e ? this.indexToPosition(e.get("index")) : NaN;
-  }
-  /**
-   * Returns an index of a category.
-   *
-   * @param   category  Category to look up
-   * @return            Index
-   */
-  categoryToIndex(t) {
-    let e = this._itemMap[t];
-    return e ? e.get("index") : NaN;
-  }
-  /**
-   * @ignore
-   */
-  dataItemToPosition(t) {
-    return this.indexToPosition(t.get("index"));
-  }
-  /**
-   * @ignore
-   */
-  roundAxisPosition(t, e) {
-    return t += (0.5 - e) / this.dataItems.length, this.indexToPosition(this.axisPositionToIndex(t), e);
-  }
-  /**
-   * Returns an index of the category that corresponds to specific pixel
-   * position within axis.
-   *
-   * @param position  Position (px)
-   * @return Category index
-   */
-  axisPositionToIndex(t) {
-    let e = this.dataItems.length;
-    if (e === 0)
-      return 0;
-    if (this.get("cellSizeField")) {
-      let s = 0, i = [];
-      p(this.dataItems, (l) => {
-        const r = l.get("cellSize", 1);
-        i.push(r), s += r;
-      });
-      let a = this.get("startLocation", 0), n = this.get("endLocation", 1);
-      s -= a, s -= 1 - n;
-      let d = t * s + a, o = 0;
-      for (let l = 0; l < e; l++) {
-        const r = i[l];
-        if (d < o + r)
-          return l;
-        o += r;
-      }
-      return e - 1;
-    } else
-      return L(Math.floor(t * e), 0, e - 1);
-  }
-  /**
-   * Returns text to be used in an axis tooltip for specific relative position.
-   *
-   * @param   position  Position
-   * @return            Tooltip text
-   */
-  getTooltipText(t, e) {
-    const s = this.dataItems[this.axisPositionToIndex(t)];
-    if (s) {
-      const i = s.get("label");
-      if (i)
-        return X(i, this.get("tooltipText", ""));
-    }
-  }
-  _updateTooltipText(t, e) {
-    t._setDataItem(this.dataItems[this.axisPositionToIndex(e)]), t.label.text.markDirtyText();
-  }
-  /**
-   * Returns a data item from series that is closest to the `position`.
-   *
-   * @param   series    Series
-   * @param   position  Relative position
-   * @return            Data item
-   */
-  getSeriesItem(t, e) {
-    if (this.dataItems.length > 0) {
-      let s = this.getPrivate("name") + this.get("renderer").getPrivate("letter"), i = this.axisPositionToIndex(e), a = t.dataItems[i], n = this.dataItems[i], d = n.get("category");
-      if (a && n && a.get(s) === d)
-        return a;
-      for (let o = 0, l = t.dataItems.length; o < l; o++) {
-        let r = t.dataItems[o];
-        if (r.get(s) === d)
-          return r;
-      }
-    }
-  }
-  _getIndices(t, e) {
-    let s = this.dataItems.length, i = 0, a = s, n = "cellSize";
-    if (this.get("cellSizeField")) {
-      let d = 0;
-      const o = this.dataItems;
-      if (o.length == 0)
-        return { startIndex: 0, endIndex: 0 };
-      p(o, (r) => {
-        d += r.get(n, 1);
-      }), d -= this.get("startLocation", 0) * o[0].get(n, 1), d -= (1 - this.get("endLocation", 1)) * o[o.length - 1].get(n, 1);
-      let l = 0;
-      for (let r = 0; r < s; r++)
-        if (l += this.dataItems[r].get(n, 1), Math.round(l) > Math.round(t * d)) {
-          i = r;
-          break;
-        }
-      for (let r = i + 1; r < s; r++)
-        if (l += this.dataItems[r].get(n, 1), Math.round(l) >= Math.round(e * d)) {
-          a = r + 1;
-          break;
-        }
-      i = Math.max(i, 0), a = Math.min(a, s);
-    } else
-      i = Math.max(Math.round(this.get("start", 0) * s), 0), a = Math.min(Math.round(this.get("end", 1) * s), s);
-    return { startIndex: i, endIndex: a };
-  }
-  /**
-   * Zooms the axis to specific `start` and `end` indexes.
-   *
-   * Optional `duration` specifies duration of zoom animation in milliseconds.
-   *
-   * @param  start     Start index
-   * @param  end       End index
-   * @param  duration  Duration in milliseconds
-   */
-  zoomToIndexes(t, e, s) {
-    let i = this.dataItems.length;
-    this.get("cellSizeField") ? (t = Math.min(Math.max(t, 0), i), e = Math.max(Math.min(e, i), 1), this.setPrivateRaw("startIndex", t), this.setPrivateRaw("endIndex", e), this.zoom(this.indexToPosition(t, 0, !0), this.indexToPosition(e, 0, !0), s)) : this.zoom(t / i, e / i, s);
-  }
-  zoomToCategories(t, e, s) {
-    this.zoomToIndexes(this.categoryToIndex(t), this.categoryToIndex(e) + 1, s);
-  }
-  /**
-   * Returns position span between start and end of a single cell in axis.
-   *
-   * @since 5.2.30
-   * @return Position
-   */
-  getCellWidthPosition() {
-    return this._frequency / this.dataItems.length / (this.get("end", 1) - this.get("start", 0));
-  }
-  /**
-   * @ignore
-   */
-  nextPosition(t) {
-    t == null && (t = 1), this.get("renderer").getPrivate("letter") == "Y" && (t *= -1);
-    const e = this.getPrivate("tooltipPosition", 0), s = L(this.axisPositionToIndex(e) + t, 0, this.dataItems.length - 1);
-    return this.toGlobalPosition(this.indexToPosition(s));
-  }
-}
-Object.defineProperty(P, "className", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: "CategoryAxis"
-});
-Object.defineProperty(P, "classNames", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: S.classNames.concat([P.className])
-});
-const it = ({ data: A, type: t, color: e }) => {
-  const s = V(null), i = q();
-  return W(() => {
-    if (!s.current) return;
-    const a = Y.new(s.current);
-    a.setThemes([j.new(a)]);
-    const n = a.container.children.push(
-      O.new(a, {
+import { jsx as f } from "react/jsx-runtime";
+import { R as u, A as h, T as A } from "../../AnimatedTheme-jnasw6rT.js";
+import { useTheme as g, alpha as v } from "@mui/material";
+import { useRef as x, useLayoutEffect as w } from "react";
+import { X as R, V as y } from "../../AxisRenderer-DTyLLA6c.js";
+import { C as L } from "../../CategoryAxis-CwnfaGc8.js";
+import { A as T, a as b } from "../../AxisRendererY-C_ItLPNV.js";
+import { C as X } from "../../ColumnSeries-CjgdJ2QL.js";
+import { c as d } from "../../ColorSet-C7vpNXhM.js";
+import { L as C } from "../../LineSeries-Uiv5o56b.js";
+const G = ({ data: l, type: n, color: c }) => {
+  const a = x(null), r = g();
+  return w(() => {
+    if (!a.current) return;
+    const e = u.new(a.current);
+    e.setThemes([h.new(e)]);
+    const s = e.container.children.push(
+      R.new(e, {
         panX: !1,
         panY: !1,
         wheelX: "none",
@@ -473,62 +25,62 @@ const it = ({ data: A, type: t, color: e }) => {
         paddingTop: 0,
         paddingBottom: 0
       })
-    ), d = n.xAxes.push(
-      P.new(a, {
+    ), i = s.xAxes.push(
+      L.new(e, {
         categoryField: "t",
-        renderer: E.new(a, {
+        renderer: T.new(e, {
           minGridDistance: 10
         }),
-        tooltip: G.new(a, {})
+        tooltip: A.new(e, {})
       })
-    ), o = d.get("renderer");
-    o.grid.template.set("visible", !1), o.labels.template.set("visible", !1), d.setAll({
+    ), p = i.get("renderer");
+    p.grid.template.set("visible", !1), p.labels.template.set("visible", !1), i.setAll({
       startLocation: 0.5,
       endLocation: 0.5
-    }), d.data.setAll(A);
-    const l = n.yAxes.push(
-      z.new(a, {
-        renderer: Z.new(a, {})
+    }), i.data.setAll(l);
+    const o = s.yAxes.push(
+      y.new(e, {
+        renderer: b.new(e, {})
       })
-    ), r = l.get("renderer");
-    r.grid.template.set("visible", !1), r.labels.template.set("visible", !1);
-    let h;
-    return t === "column" ? (h = n.series.push(
-      H.new(a, {
+    ), m = o.get("renderer");
+    m.grid.template.set("visible", !1), m.labels.template.set("visible", !1);
+    let t;
+    return n === "column" ? (t = s.series.push(
+      X.new(e, {
         name: "Series",
-        xAxis: d,
-        yAxis: l,
+        xAxis: i,
+        yAxis: o,
         valueYField: "v",
         categoryXField: "t",
-        fill: R(i.palette.divider)
+        fill: d(r.palette.divider)
       })
-    ), h.columns.template.setAll({
+    ), t.columns.template.setAll({
       cornerRadiusTL: 2,
       cornerRadiusTR: 2,
       strokeOpacity: 0
-    })) : (h = n.series.push(
-      J.new(a, {
+    })) : (t = s.series.push(
+      C.new(e, {
         name: "Series",
-        xAxis: d,
-        yAxis: l,
+        xAxis: i,
+        yAxis: o,
         valueYField: "v",
         categoryXField: "t",
         // @ts-expect-error amcharts5 typing accepts string/Color; alpha returns rgba string
-        fill: B(i.palette.divider, 0.25),
-        stroke: R(i.palette.divider)
+        fill: v(r.palette.divider, 0.25),
+        stroke: d(r.palette.divider)
       })
-    ), h.strokes.template.setAll({
+    ), t.strokes.template.setAll({
       strokeWidth: 1
-    }), h.fills.template.setAll({
+    }), t.fills.template.setAll({
       fillOpacity: 1,
       visible: !0
-    })), h.data.setAll(A), h.appear(1e3), n.appear(1e3, 100), () => {
-      a.dispose();
+    })), t.data.setAll(l), t.appear(1e3), s.appear(1e3, 100), () => {
+      e.dispose();
     };
-  }, [A, t, e, i.palette.mode, i.palette.divider]), /* @__PURE__ */ F(
+  }, [l, n, c, r.palette.mode, r.palette.divider]), /* @__PURE__ */ f(
     "div",
     {
-      ref: s,
+      ref: a,
       style: {
         width: "calc(100% + 10px)",
         height: "100%",
@@ -539,5 +91,5 @@ const it = ({ data: A, type: t, color: e }) => {
   );
 };
 export {
-  it as MetricChart
+  G as MetricChart
 };