@hybridcore/ui 1.6.3 → 1.6.4

package/dist/components/charts/heatmap/logic.js

@@ -1,136 +1,49 @@
-import { m as Z, s as ee, C as F, L as W, k as te, l as re, T as K, R as ae, A as ie } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as se, useTheme as oe } from "@mui/material";
-import ne from "dayjs";
-import O from "lodash";
-import { useId as le, useRef as ce, useEffect as ue } from "react";
-import { colorSetFromPalette as he } from "../_common/utils.js";
-import { E as Q, e as de, f as H, u as P, m as J, b as f, p as B, c as D } from "../../../ColorSet-C7vpNXhM.js";
-import { X as me } from "../../../AxisRenderer-DTyLLA6c.js";
-import { A as pe, a as fe } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as G } from "../../../CategoryAxis-CwnfaGc8.js";
-import { R as ge } from "../../../RoundedRectangle-CWLi2PXn.js";
-import { C as be } from "../../../ColumnSeries-CjgdJ2QL.js";
-class T extends Q {
-  _afterNew() {
-    super._afterNewApplyThemes();
-  }
-  /**
-   * @ignore
-   */
-  getFill(i) {
-    return {
-      addColorStop: (s, e) => {
-      }
-    };
-  }
-  _changed() {
-    super._changed();
-  }
-  /**
-   * @ignore
-   */
-  getBounds(i) {
-    const s = this.get("target");
-    if (s) {
-      let e = s.globalBounds();
-      const r = i.toLocal({ x: e.left, y: e.top }), n = i.toLocal({ x: e.right, y: e.top }), o = i.toLocal({ x: e.right, y: e.bottom }), a = i.toLocal({ x: e.left, y: e.bottom });
-      return {
-        left: Math.min(r.x, n.x, o.x, a.x),
-        top: Math.min(r.y, n.y, o.y, a.y),
-        right: Math.max(r.x, n.x, o.x, a.x),
-        bottom: Math.max(r.y, n.y, o.y, a.y)
-      };
-    }
-    return i._display.getLocalBounds();
-  }
-}
-Object.defineProperty(T, "className", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: "Gradient"
-});
-Object.defineProperty(T, "classNames", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: Q.classNames.concat([T.className])
-});
-class V extends T {
-  /**
-   * @ignore
-   */
-  getFill(i) {
-    const s = this.get("rotation", 0);
-    let e = this.getBounds(i), r = e.left || 0, n = e.right || 0, o = e.top || 0, a = e.bottom || 0, p = Z(s), g = ee(s), l = p * (n - r), c = g * (a - o);
-    l == 0 && (l = 1), c == 0 && (c = 1);
-    let u = Math.max(l, c);
-    const b = this._root._renderer.createLinearGradient(r, o, r + u * p, o + u * g), v = this.get("stops");
-    if (v) {
-      let N = 0;
-      de(v, (y) => {
-        let t = y.offset;
-        H(t) || (t = N / (v.length - 1));
-        let h = y.opacity;
-        H(h) || (h = 1);
-        let m = y.color;
-        if (m) {
-          const d = y.lighten;
-          d && (m = P.lighten(m, d));
-          const C = y.brighten;
-          C && (m = P.brighten(m, C)), b.addColorStop(t, "rgba(" + m.r + "," + m.g + "," + m.b + "," + h + ")");
-        }
-        N++;
-      });
-    }
-    return b;
-  }
-}
-Object.defineProperty(V, "className", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: "LinearGradient"
-});
-Object.defineProperty(V, "classNames", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: T.classNames.concat([V.className])
-});
-class j extends F {
+import { C as L, L as B, k as $, l as J, T as U, R as K, A as Q } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as Z, useTheme as ee } from "@mui/material";
+import te from "dayjs";
+import T from "lodash";
+import { useId as re, useRef as ae, useEffect as ie } from "react";
+import { colorSetFromPalette as se } from "../_common/utils.js";
+import { m as E, f as oe, u as S, b as u, p as P, c as Y } from "../../../ColorSet-C7vpNXhM.js";
+import { X as ne } from "../../../AxisRenderer-DTyLLA6c.js";
+import { A as le, a as he } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as R } from "../../../CategoryAxis-CwnfaGc8.js";
+import { R as ce } from "../../../RoundedRectangle-CWLi2PXn.js";
+import { L as ue } from "../../../LinearGradient-DiRq5YcI.js";
+import { C as de } from "../../../ColumnSeries-CjgdJ2QL.js";
+class _ extends L {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labelContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.children.push(F.new(this._root, {}))
+      value: this.children.push(L.new(this._root, {}))
     }), Object.defineProperty(this, "markerContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.children.push(F.new(this._root, {}))
+      value: this.children.push(L.new(this._root, {}))
     }), Object.defineProperty(this, "startLabel", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(W.new(this._root, { themeTags: ["start"] }))
+      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["start"] }))
     }), Object.defineProperty(this, "endLabel", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(W.new(this._root, { themeTags: ["end"] }))
+      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["end"] }))
     }), Object.defineProperty(this, "markers", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new te(re.new({}), () => ge._new(this._root, {
-        themeTags: J(this.markers.template.get("themeTags", []), [this.get("orientation"), "heatlegend", "marker"])
+      value: this.addDisposer(new $(J.new({}), () => ce._new(this._root, {
+        themeTags: E(this.markers.template.get("themeTags", []), [this.get("orientation"), "heatlegend", "marker"])
       }, [this.markers.template])))
     });
   }
   _afterNew() {
-    this._settings.themeTags = J(this._settings.themeTags, ["heatlegend", this._settings.orientation]), super._afterNew(), this.set("tooltip", K.new(this._root, {
+    this._settings.themeTags = E(this._settings.themeTags, ["heatlegend", this._settings.orientation]), super._afterNew(), this.set("tooltip", U.new(this._root, {
       themeTags: ["heatlegend"]
     }));
   }
@@ -138,8 +51,8 @@ class j extends F {
    * @ignore
    */
   makeMarker() {
-    const i = this.markers.make();
-    return i.states.create("disabled", {}), i;
+    const s = this.markers.make();
+    return s.states.create("disabled", {}), s;
   }
   /**
    * Moves and shows tooltip at specific value.
@@ -150,206 +63,206 @@ class j extends F {
    * @param  text   Text
    * @param  color  Color
    */
-  showValue(i, s, e) {
-    const r = this.getTooltip();
-    if (r && H(i)) {
-      const n = this.get("startValue", 0), o = this.get("endValue", 1);
-      let a = (i - n) / (o - n);
-      (a == 1 / 0 || a == -1 / 0 || isNaN(a)) && (a = 0.5);
-      const p = this.get("startColor"), g = this.get("endColor");
-      s || (s = this.getNumberFormatter().format(i)), e || (e = P.interpolate(a, p, g)), r.label.set("text", s);
-      let l;
-      this.get("orientation") == "vertical" ? l = this.markerContainer.toGlobal({ x: 0, y: this.innerHeight() * (1 - a) }) : l = this.markerContainer.toGlobal({ x: this.innerWidth() * a, y: 0 });
-      let c = r.get("background");
-      c && c.set("fill", e), r.set("pointTo", l), r.show();
+  showValue(s, r, a) {
+    const i = this.getTooltip();
+    if (i && oe(s)) {
+      const d = this.get("startValue", 0), o = this.get("endValue", 1);
+      let t = (s - d) / (o - d);
+      (t == 1 / 0 || t == -1 / 0 || isNaN(t)) && (t = 0.5);
+      const f = this.get("startColor"), y = this.get("endColor");
+      r || (r = this.getNumberFormatter().format(s)), a || (a = S.interpolate(t, f, y)), i.label.set("text", r);
+      let n;
+      this.get("orientation") == "vertical" ? n = this.markerContainer.toGlobal({ x: 0, y: this.innerHeight() * (1 - t) }) : n = this.markerContainer.toGlobal({ x: this.innerWidth() * t, y: 0 });
+      let l = i.get("background");
+      l && l.set("fill", a), i.set("pointTo", n), i.show();
     }
   }
   _prepareChildren() {
     super._prepareChildren();
-    const i = this.labelContainer, s = this.get("orientation"), e = this.startLabel, r = this.endLabel, n = this.getTooltip();
-    if (this.isDirty("orientation") && (s == "vertical" ? (this.markerContainer.setAll({ layout: this._root.verticalLayout, height: f }), this.set("layout", this._root.horizontalLayout), e.setAll({ y: f, x: void 0, centerY: f, centerX: f }), r.setAll({ y: 0, x: void 0, centerY: 0, centerX: f }), i.setAll({ height: f, width: void 0 }), n && n.set("pointerOrientation", "horizontal")) : (this.markerContainer.setAll({ layout: this._root.horizontalLayout, width: f }), this.set("layout", this._root.verticalLayout), e.setAll({ x: 0, y: void 0, centerX: 0, centerY: 0 }), r.setAll({ x: f, y: void 0, centerX: f, centerY: 0 }), i.setAll({ width: f, height: void 0 }), n && n.set("pointerOrientation", "vertical"))), this.isDirty("stepCount")) {
-      const o = this.get("stepCount", 1), a = this.get("startColor"), p = this.get("endColor"), g = this.get("startOpacity", 1), l = this.get("endOpacity", 1);
+    const s = this.labelContainer, r = this.get("orientation"), a = this.startLabel, i = this.endLabel, d = this.getTooltip();
+    if (this.isDirty("orientation") && (r == "vertical" ? (this.markerContainer.setAll({ layout: this._root.verticalLayout, height: u }), this.set("layout", this._root.horizontalLayout), a.setAll({ y: u, x: void 0, centerY: u, centerX: u }), i.setAll({ y: 0, x: void 0, centerY: 0, centerX: u }), s.setAll({ height: u, width: void 0 }), d && d.set("pointerOrientation", "horizontal")) : (this.markerContainer.setAll({ layout: this._root.horizontalLayout, width: u }), this.set("layout", this._root.verticalLayout), a.setAll({ x: 0, y: void 0, centerX: 0, centerY: 0 }), i.setAll({ x: u, y: void 0, centerX: u, centerY: 0 }), s.setAll({ width: u, height: void 0 }), d && d.set("pointerOrientation", "vertical"))), this.isDirty("stepCount")) {
+      const o = this.get("stepCount", 1), t = this.get("startColor"), f = this.get("endColor"), y = this.get("startOpacity", 1), n = this.get("endOpacity", 1);
       if (this.markerContainer.children.clear(), o > 1)
-        for (let c = 0; c < o; c++) {
-          const u = this.makeMarker();
-          s == "vertical" ? this.markerContainer.children.moveValue(u, 0) : this.markerContainer.children.push(u), a && p && u.setAll({
-            fill: P.interpolate(c / o, a, p),
-            fillOpacity: B(c / o * 100).interpolate(g, l)
+        for (let l = 0; l < o; l++) {
+          const h = this.makeMarker();
+          r == "vertical" ? this.markerContainer.children.moveValue(h, 0) : this.markerContainer.children.push(h), t && f && h.setAll({
+            fill: S.interpolate(l / o, t, f),
+            fillOpacity: P(l / o * 100).interpolate(y, n)
           });
         }
       else if (o == 1) {
-        const c = this.makeMarker();
-        this.markerContainer.children.push(c);
-        const u = V.new(this._root, {
+        const l = this.makeMarker();
+        this.markerContainer.children.push(l);
+        const h = ue.new(this._root, {
           stops: [{
-            color: a,
-            opacity: g
+            color: t,
+            opacity: y
           }, {
-            color: p,
-            opacity: l
+            color: f,
+            opacity: n
           }]
         });
-        if (s == "vertical") {
-          u.set("rotation", 90);
-          let b = u.get("stops");
+        if (r == "vertical") {
+          h.set("rotation", 90);
+          let b = h.get("stops");
           b && b.reverse();
         } else
-          u.set("rotation", 0);
-        a && p && c.set("fillGradient", u);
+          h.set("rotation", 0);
+        t && f && l.set("fillGradient", h);
       }
     }
-    (this.isDirty("startText") || this.isDirty("startValue")) && e.set("text", this.get("startText", this.getNumberFormatter().format(this.get("startValue", 0)))), (this.isDirty("endText") || this.isDirty("endValue")) && r.set("text", this.get("endText", this.getNumberFormatter().format(this.get("endValue", 1))));
+    (this.isDirty("startText") || this.isDirty("startValue")) && a.set("text", this.get("startText", this.getNumberFormatter().format(this.get("startValue", 0)))), (this.isDirty("endText") || this.isDirty("endValue")) && i.set("text", this.get("endText", this.getNumberFormatter().format(this.get("endValue", 1))));
   }
 }
-Object.defineProperty(j, "className", {
+Object.defineProperty(_, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "HeatLegend"
 });
-Object.defineProperty(j, "classNames", {
+Object.defineProperty(_, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: F.classNames.concat([j.className])
+  value: L.classNames.concat([_.className])
 });
-const Oe = (L) => {
-  const i = se({ props: L, name: "HCHeatmap" }), {
-    dimensions: s,
-    values: e,
-    data: r,
-    initDelay: n = 0,
+const Ye = (X) => {
+  const s = Z({ props: X, name: "HCHeatmap" }), {
+    dimensions: r,
+    values: a,
+    data: i,
+    initDelay: d = 0,
     baseInterval: o,
-    colors: a,
-    sx: p,
-    ...g
-  } = i, l = oe(), u = `hc-heatmap-${le().replace(/:/g, "")}`, b = ce(null);
-  let v = null;
-  s.length < 2 ? v = "Heatmap requires at least 2 dimensions" : e.length < 1 && (v = "Heatmap requires at least 1 value"), ue(() => {
-    if (v) return;
-    let y;
-    return y = setTimeout(() => {
-      var E, S;
-      const t = ae.new(u);
-      b.current = t, t.setThemes([ie.new(t)]), t.interfaceColors.setAll({
-        text: D(l.palette.text.primary),
-        grid: D(l.palette.divider),
-        stroke: D(l.palette.divider)
+    colors: t,
+    sx: f,
+    ...y
+  } = s, n = ee(), h = `hc-heatmap-${re().replace(/:/g, "")}`, b = ae(null);
+  let x = null;
+  r.length < 2 ? x = "Heatmap requires at least 2 dimensions" : a.length < 1 && (x = "Heatmap requires at least 1 value"), ie(() => {
+    if (x) return;
+    let D;
+    return D = setTimeout(() => {
+      var j, M;
+      const e = K.new(h);
+      b.current = e, e.setThemes([Q.new(e)]), e.interfaceColors.setAll({
+        text: Y(n.palette.text.primary),
+        grid: Y(n.palette.divider),
+        stroke: Y(n.palette.divider)
       });
-      const h = t.container.children.push(
-        me.new(t, {
+      const m = e.container.children.push(
+        ne.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
           wheelY: "none",
-          layout: t.verticalLayout
+          layout: e.verticalLayout
         })
       );
-      h.set("colors", he(t, a));
-      const m = pe.new(t, {
+      m.set("colors", se(e, t));
+      const O = le.new(e, {
         visible: !1,
         minGridDistance: 30
       });
-      m.grid.template.set("visible", !1);
-      const d = s[0];
-      let C, k = r;
-      if (d.type === "date") {
-        const x = (o == null ? void 0 : o.timeUnit) || "day";
-        let A = "DD/MM/YYYY";
-        x === "month" ? A = "MM YYYY" : x === "year" && (A = "YYYY"), C = h.xAxes.push(
-          G.new(t, {
-            categoryField: d.value,
-            renderer: m
+      O.grid.template.set("visible", !1);
+      const c = r[0];
+      let k, v = i;
+      if (c.type === "date") {
+        const p = (o == null ? void 0 : o.timeUnit) || "day";
+        let C = "DD/MM/YYYY";
+        p === "month" ? C = "MM YYYY" : p === "year" && (C = "YYYY"), k = m.xAxes.push(
+          R.new(e, {
+            categoryField: c.value,
+            renderer: O
           })
-        ), k = O.orderBy(r, [d.value]), k = k.map((_) => ({
-          ..._,
-          [d.value]: ne(_[d.value]).format(A)
+        ), v = T.orderBy(i, [c.value]), v = v.map((w) => ({
+          ...w,
+          [c.value]: te(w[c.value]).format(C)
         }));
       } else
-        C = h.xAxes.push(
-          G.new(t, {
-            categoryField: d.value,
-            renderer: m,
-            tooltip: K.new(t, {})
+        k = m.xAxes.push(
+          R.new(e, {
+            categoryField: c.value,
+            renderer: O,
+            tooltip: U.new(e, {})
           })
         );
-      const I = O.uniqBy(k, d.value);
-      if (C.data.setAll(I), e.length === 1 && s.length > 1) {
-        const x = s[1].value, A = fe.new(t, {
+      const H = T.uniqBy(v, c.value);
+      if (k.data.setAll(H), a.length === 1 && r.length > 1) {
+        const p = r[1].value, C = he.new(e, {
           visible: !1,
           minGridDistance: 20,
           inversed: !0
         });
-        A.grid.template.set("visible", !1);
-        const _ = h.yAxes.push(
-          G.new(t, {
+        C.grid.template.set("visible", !1);
+        const w = m.yAxes.push(
+          R.new(e, {
             maxDeviation: 0,
-            renderer: A,
-            categoryField: x
+            renderer: C,
+            categoryField: p
           })
-        ), q = t.interfaceColors.get("background"), M = h.bottomAxesContainer.children.push(
-          j.new(t, {
+        ), G = e.interfaceColors.get("background"), N = m.bottomAxesContainer.children.push(
+          _.new(e, {
             orientation: "horizontal",
-            startColor: q,
-            endColor: (E = h.get("colors")) == null ? void 0 : E.getIndex(0),
+            startColor: G,
+            endColor: (j = m.get("colors")) == null ? void 0 : j.getIndex(0),
             startOpacity: 1,
             endOpacity: 1
           })
-        ), w = h.series.push(
-          be.new(t, {
+        ), g = m.series.push(
+          de.new(e, {
             calculateAggregates: !0,
-            stroke: D(16777215),
+            stroke: Y(16777215),
             clustered: !1,
-            xAxis: C,
-            yAxis: _,
-            categoryXField: d.value,
-            categoryYField: x,
-            valueField: e[0].dataFieldName
+            xAxis: k,
+            yAxis: w,
+            categoryXField: c.value,
+            categoryYField: p,
+            valueField: a[0].dataFieldName
           })
         );
-        w.columns.template.setAll({
+        g.columns.template.setAll({
           tooltipText: "{categoryY}, {categoryX}: {value}",
           strokeOpacity: 1,
           strokeWidth: 2,
-          width: B(100),
-          height: B(100)
-        }), w.columns.template.events.on("pointerover", function(X) {
-          const Y = X.target.dataItem;
-          Y && M.showValue(Y.get(x, 0));
-        }), w.events.on("datavalidated", function() {
-          M.set("startValue", w.getPrivate("valueLow")), M.set("endValue", w.getPrivate("valueHigh"));
-        }), w.set("heatRules", [
+          width: P(100),
+          height: P(100)
+        }), g.columns.template.events.on("pointerover", function(V) {
+          const A = V.target.dataItem;
+          A && N.showValue(A.get(p, 0));
+        }), g.events.on("datavalidated", function() {
+          N.set("startValue", g.getPrivate("valueLow")), N.set("endValue", g.getPrivate("valueHigh"));
+        }), g.set("heatRules", [
           {
-            target: w.columns.template,
-            min: q,
-            max: (S = h.get("colors")) == null ? void 0 : S.getIndex(0),
+            target: g.columns.template,
+            min: G,
+            max: (M = m.get("colors")) == null ? void 0 : M.getIndex(0),
             dataField: "value",
             key: "fill"
           }
         ]);
-        const z = O.uniqBy(k, x), R = [];
-        I.forEach((X) => {
-          z.forEach((Y) => {
-            const U = {
-              [d.value]: X[d.value],
-              [x]: Y[x]
-            }, $ = O.find(k, U);
-            $ === void 0 ? R.push({
-              ...U,
-              [e[0].dataFieldName]: 0
-            }) : R.push($);
+        const I = T.uniqBy(v, p), F = [];
+        H.forEach((V) => {
+          I.forEach((A) => {
+            const q = {
+              [c.value]: V[c.value],
+              [p]: A[p]
+            }, z = T.find(v, q);
+            z === void 0 ? F.push({
+              ...q,
+              [a[0].dataFieldName]: 0
+            }) : F.push(z);
           });
-        }), _.data.setAll(z), w.data.setAll(R);
+        }), w.data.setAll(I), g.data.setAll(F);
       }
-      h.appear(1e3, 100);
-    }, n), () => {
-      var t;
-      y && clearTimeout(y), (t = b.current) == null || t.dispose(), b.current = null;
+      m.appear(1e3, 100);
+    }, d), () => {
+      var e;
+      D && clearTimeout(D), (e = b.current) == null || e.dispose(), b.current = null;
     };
-  }, [r, s, e, l.palette.mode, a]);
-  const N = { ...i };
-  return { chartId: u, ownerState: N, sx: p, error: v, other: g };
+  }, [i, r, a, n.palette.mode, t]);
+  const W = { ...s };
+  return { chartId: h, ownerState: W, sx: f, error: x, other: y };
 };
 export {
-  Oe as useHeatmapLogic
+  Ye as useHeatmapLogic
 };