@hybridcore/ui 1.6.3 → 1.6.4

package/dist/LinearGradient-DiRq5YcI.js

@@ -0,0 +1,93 @@
+import { E as M, e as v, f as w, u as G } from "./ColorSet-C7vpNXhM.js";
+import { m as B, s as O } from "./AnimatedTheme-jnasw6rT.js";
+class c extends M {
+  _afterNew() {
+    super._afterNewApplyThemes();
+  }
+  /**
+   * @ignore
+   */
+  getFill(t) {
+    return {
+      addColorStop: (l, e) => {
+      }
+    };
+  }
+  _changed() {
+    super._changed();
+  }
+  /**
+   * @ignore
+   */
+  getBounds(t) {
+    const l = this.get("target");
+    if (l) {
+      let e = l.globalBounds();
+      const r = t.toLocal({ x: e.left, y: e.top }), s = t.toLocal({ x: e.right, y: e.top }), a = t.toLocal({ x: e.right, y: e.bottom }), n = t.toLocal({ x: e.left, y: e.bottom });
+      return {
+        left: Math.min(r.x, s.x, a.x, n.x),
+        top: Math.min(r.y, s.y, a.y, n.y),
+        right: Math.max(r.x, s.x, a.x, n.x),
+        bottom: Math.max(r.y, s.y, a.y, n.y)
+      };
+    }
+    return t._display.getLocalBounds();
+  }
+}
+Object.defineProperty(c, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "Gradient"
+});
+Object.defineProperty(c, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: M.classNames.concat([c.className])
+});
+class d extends c {
+  /**
+   * @ignore
+   */
+  getFill(t) {
+    const l = this.get("rotation", 0);
+    let e = this.getBounds(t), r = e.left || 0, s = e.right || 0, a = e.top || 0, n = e.bottom || 0, h = B(l), p = O(l), u = h * (s - r), f = p * (n - a);
+    u == 0 && (u = 1), f == 0 && (f = 1);
+    let y = Math.max(u, f);
+    const x = this._root._renderer.createLinearGradient(r, a, r + y * h, a + y * p), b = this.get("stops");
+    if (b) {
+      let N = 0;
+      v(b, (i) => {
+        let g = i.offset;
+        w(g) || (g = N / (b.length - 1));
+        let m = i.opacity;
+        w(m) || (m = 1);
+        let o = i.color;
+        if (o) {
+          const _ = i.lighten;
+          _ && (o = G.lighten(o, _));
+          const L = i.brighten;
+          L && (o = G.brighten(o, L)), x.addColorStop(g, "rgba(" + o.r + "," + o.g + "," + o.b + "," + m + ")");
+        }
+        N++;
+      });
+    }
+    return x;
+  }
+}
+Object.defineProperty(d, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "LinearGradient"
+});
+Object.defineProperty(d, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: c.classNames.concat([d.className])
+});
+export {
+  d as L
+};

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

@@ -1,44 +1,45 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Typography as l, Divider as n } from "@mui/material";
-import { CandlestickChart as C } from "../candlestick/index.js";
-import { ColumnLineMix as h } from "../column-line-mix/index.js";
-import { DrillDownTreemap as c } from "../drill-down-treemap/index.js";
-import { DrillDownVoronoiTreemap as d } from "../drill-down-voronoi-treemap/index.js";
-import { Heatmap as f } from "../heatmap/index.js";
-import { LineChart as s } from "../line/index.js";
-import { LogaritmicScale as u } from "../logaritmic-scale/index.js";
-import { MultipleValueAxes as L } from "../multiple-value-axes/index.js";
-import { NestedPie as x } from "../nested-pie/index.js";
-import { PackedCircles as D } from "../packed-circles/index.js";
-import { PieChart as k } from "../pie-chart/index.js";
-import { StackedAreaRadar as S } from "../stacked-area-radar/index.js";
-import { StackedColumnChart as g } from "../stacked-column-chart/index.js";
-import { XYChart as P } from "../xy-chart/index.js";
-import { useChartWrapperLogic as w } from "./logic.js";
-import { ChartWrapperRoot as A, ChartWrapperHeader as T, ChartWrapperContent as W } from "./styled.js";
-const J = (a) => {
-  const { title: m, type: e, chartProps: o, ownerState: t, sx: p } = w(a);
-  return /* @__PURE__ */ i(A, { ownerState: t, sx: p, children: [
-    /* @__PURE__ */ r(T, { ownerState: t, children: /* @__PURE__ */ r(l, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: m }) }),
-    /* @__PURE__ */ r(n, {}),
-    /* @__PURE__ */ i(W, { ownerState: t, children: [
-      e === "MultipleValueAxes" && /* @__PURE__ */ r(L, { ...o }),
-      e === "XYChart" && /* @__PURE__ */ r(P, { ...o }),
-      e === "HeatLegend" && /* @__PURE__ */ r(f, { ...o }),
-      e === "PieChart" && /* @__PURE__ */ r(k, { ...o }),
-      e === "StackedColumnChart" && /* @__PURE__ */ r(g, { ...o }),
-      e === "StackedAreaRadar" && /* @__PURE__ */ r(S, { ...o }),
-      e === "LineChart" && /* @__PURE__ */ r(s, { ...o }),
-      e === "NestedPie" && /* @__PURE__ */ r(x, { ...o }),
-      e === "SingleLevelPackedCircles" && /* @__PURE__ */ r(D, { ...o }),
-      e === "LogarithmicScale" && /* @__PURE__ */ r(u, { ...o }),
-      e === "ColumnAndLineMix" && /* @__PURE__ */ r(h, { ...o }),
-      e === "DrillDownTreemap" && /* @__PURE__ */ r(c, { ...o }),
-      e === "DrillDownVoronoiTreemap" && /* @__PURE__ */ r(d, { ...o }),
-      e === "CandlestickChart" && /* @__PURE__ */ r(C, { ...o })
-    ] })
+import { jsxs as i, jsx as r, Fragment as l } from "react/jsx-runtime";
+import { Typography as d, Divider as h } from "@mui/material";
+import { Loading as C } from "../../loading/index.js";
+import { CandlestickChart as c } from "../candlestick/index.js";
+import { ColumnLineMix as f } from "../column-line-mix/index.js";
+import { DrillDownTreemap as s } from "../drill-down-treemap/index.js";
+import { DrillDownVoronoiTreemap as u } from "../drill-down-voronoi-treemap/index.js";
+import { Heatmap as L } from "../heatmap/index.js";
+import { LineChart as g } from "../line/index.js";
+import { LogaritmicScale as x } from "../logaritmic-scale/index.js";
+import { MultipleValueAxes as D } from "../multiple-value-axes/index.js";
+import { NestedPie as k } from "../nested-pie/index.js";
+import { PackedCircles as S } from "../packed-circles/index.js";
+import { PieChart as P } from "../pie-chart/index.js";
+import { StackedAreaRadar as w } from "../stacked-area-radar/index.js";
+import { StackedColumnChart as A } from "../stacked-column-chart/index.js";
+import { XYChart as T } from "../xy-chart/index.js";
+import { useChartWrapperLogic as W } from "./logic.js";
+import { ChartWrapperRoot as M, ChartWrapperHeader as V, ChartWrapperContent as v } from "./styled.js";
+const U = (a) => {
+  const { title: m, type: e, chartProps: o, loading: p, ownerState: t, sx: n } = W(a);
+  return /* @__PURE__ */ i(M, { ownerState: t, sx: n, children: [
+    /* @__PURE__ */ r(V, { ownerState: t, children: /* @__PURE__ */ r(d, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: m }) }),
+    /* @__PURE__ */ r(h, {}),
+    /* @__PURE__ */ r(v, { ownerState: t, children: p ? /* @__PURE__ */ r(C, { show: !0, position: "absolute" }) : /* @__PURE__ */ i(l, { children: [
+      e === "MultipleValueAxes" && /* @__PURE__ */ r(D, { ...o }),
+      e === "XYChart" && /* @__PURE__ */ r(T, { ...o }),
+      e === "HeatLegend" && /* @__PURE__ */ r(L, { ...o }),
+      e === "PieChart" && /* @__PURE__ */ r(P, { ...o }),
+      e === "StackedColumnChart" && /* @__PURE__ */ r(A, { ...o }),
+      e === "StackedAreaRadar" && /* @__PURE__ */ r(w, { ...o }),
+      e === "LineChart" && /* @__PURE__ */ r(g, { ...o }),
+      e === "NestedPie" && /* @__PURE__ */ r(k, { ...o }),
+      e === "SingleLevelPackedCircles" && /* @__PURE__ */ r(S, { ...o }),
+      e === "LogarithmicScale" && /* @__PURE__ */ r(x, { ...o }),
+      e === "ColumnAndLineMix" && /* @__PURE__ */ r(f, { ...o }),
+      e === "DrillDownTreemap" && /* @__PURE__ */ r(s, { ...o }),
+      e === "DrillDownVoronoiTreemap" && /* @__PURE__ */ r(u, { ...o }),
+      e === "CandlestickChart" && /* @__PURE__ */ r(c, { ...o })
+    ] }) })
   ] });
 };
 export {
-  J as ChartWrapper
+  U as ChartWrapper
 };

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

@@ -1,7 +1,7 @@
 import { useThemeProps as v } from "@mui/material";
 import { useMemo as P } from "react";
-import { adaptTemporalData as g } from "./helpers.js";
-const x = (l) => {
+import { adaptTemporalData as C } from "./helpers.js";
+const M = (l) => {
   const n = v({ props: l, name: "HCChartWrapper" }), {
     title: m,
     description: d,
@@ -11,9 +11,10 @@ const x = (l) => {
     dimensions: s = [],
     values: p = [],
     series: r = [],
-    sx: f,
-    ...u
-  } = n, h = {
+    loading: f = !1,
+    sx: u,
+    ...h
+  } = n, y = {
     ...P(() => {
       let t = { data: a, dimensions: s, values: p };
       if (s.length > 0) {
@@ -26,22 +27,23 @@ const x = (l) => {
           };
         }
       } else if (r.length > 0) {
-        const o = g(r);
+        const o = C(r);
         t = { ...t, ...o };
       }
       return t;
     }, [i, a, s, p, r]),
-    ...u
-  }, y = { ...n };
+    ...h
+  }, g = { ...n };
   return {
     title: m,
     description: d,
     type: c,
-    chartProps: h,
-    ownerState: y,
-    sx: f
+    chartProps: y,
+    loading: f,
+    ownerState: g,
+    sx: u
   };
 };
 export {
-  x as useChartWrapperLogic
+  M as useChartWrapperLogic
 };