@hybridcore/ui 1.6.30 → 1.6.32

package/dist/components/charts/column-line-mix/logic.js

@@ -2,44 +2,40 @@ import { R as M, A as O } from "../../../AnimatedTheme-ktdO3Bel.js";
 import { useThemeProps as B, useTheme as E } from "@mui/material";
 import P from "lodash";
 import { useId as V, useRef as G, useEffect as N } from "react";
-import { humanizeLabel as C } from "../_common/format.js";
+import { humanizeLabel as k } from "../_common/format.js";
 import { attachCombinedAxisTooltip as W } from "../_common/tooltip.js";
-import { colorSetFromPalette as q, applyDateAxisLabelFormat as z, applyValueFormat as H } from "../_common/utils.js";
-import { c as l, p as U, a as D } from "../../../Entity-BJCuhdq_.js";
+import { applyInterfaceColors as q, colorSetFromPalette as z, applyDateAxisLabelFormat as H, applyValueFormat as U } from "../_common/utils.js";
 import { X as _, V as $ } from "../../../AxisRenderer-BCQoUJw6.js";
-import { A as b, a as j } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as J } from "../../../CategoryAxis-B6NqW8qd.js";
-import { C as K } from "../../../ColumnSeries-CtRTsn-E.js";
-import { D as X, G as Q } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { L as Z } from "../../../LineSeries-D_IL2qGF.js";
-import { B as ee } from "../../../Bullet-Djj7Vs9T.js";
-import { C as te } from "../../../Circle-BnfBNKBD.js";
-import { X as re } from "../../../XYCursor-CVUSpqb9.js";
-import { L as ae } from "../../../Legend-CFvQiIfn.js";
-import { D as se } from "../../../DateAxis-DEXKps1S.js";
-const Xe = (L) => {
+import { A as D, a as j } from "../../../AxisRendererY-AXWvGU6r.js";
+import { c as u, p as J, a as b } from "../../../Entity-BJCuhdq_.js";
+import { C as K } from "../../../CategoryAxis-B6NqW8qd.js";
+import { C as Q } from "../../../ColumnSeries-CtRTsn-E.js";
+import { D as X, G as Z } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { L as ee } from "../../../LineSeries-D_IL2qGF.js";
+import { B as te } from "../../../Bullet-Djj7Vs9T.js";
+import { C as re } from "../../../Circle-BnfBNKBD.js";
+import { X as ae } from "../../../XYCursor-CVUSpqb9.js";
+import { L as se } from "../../../Legend-CFvQiIfn.js";
+import { D as oe } from "../../../DateAxis-DEXKps1S.js";
+const Le = (L) => {
   const f = B({ props: L, name: "HCColumnLineMix" }), {
     dimensions: t,
-    values: n,
-    data: p,
+    values: l,
+    data: m,
     initDelay: Y = 0,
-    baseInterval: x,
-    colors: h,
+    baseInterval: h,
+    colors: x,
     skipEmptyDates: A = !1,
     sx: T,
     ...R
-  } = f, o = E(), g = `hc-column-line-mix-${V().replace(/:/g, "")}`, d = G(null), y = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
+  } = f, i = E(), y = `hc-column-line-mix-${V().replace(/:/g, "")}`, p = G(null), g = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
   N(() => {
-    if (y) return;
-    let c;
-    return c = setTimeout(() => {
-      var w, F, v, k;
-      const e = M.new(g);
-      d.current = e, e.setThemes([O.new(e)]), e.interfaceColors.setAll({
-        text: l(o.palette.text.primary),
-        grid: l(o.palette.divider),
-        stroke: l(o.palette.divider)
-      });
+    if (g) return;
+    let d;
+    return d = setTimeout(() => {
+      var w, F, v, C;
+      const e = M.new(y);
+      p.current = e, e.setThemes([O.new(e)]), q(e, i);
       const r = e.container.children.push(
         _.new(e, {
           panX: !1,
@@ -51,70 +47,70 @@ const Xe = (L) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", q(e, h)), r.get("colors", {}).set("step", 3);
-      let a, m = p;
+      r.set("colors", z(e, x)), r.get("colors", {}).set("step", 3);
+      let a, n = m;
       if (t[0].type === "date") {
-        m = P.orderBy(p, [t[0].value]);
-        const i = A ? Q : se;
+        n = P.orderBy(m, [t[0].value]);
+        const o = A ? Z : oe;
         a = r.xAxes.push(
-          i.new(e, {
+          o.new(e, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: x || { timeUnit: "day", count: 1 },
-            renderer: b.new(e, {})
+            baseInterval: h || { timeUnit: "day", count: 1 },
+            renderer: D.new(e, {})
           })
         ), (w = a.get("renderer")) == null || w.grid.template.setAll({
-          stroke: l(o.palette.divider),
+          stroke: u(i.palette.divider),
           strokeOpacity: 1
-        }), z(a, t[0]);
+        }), H(a, t[0]);
       } else
         a = r.xAxes.push(
-          J.new(e, {
+          K.new(e, {
             categoryField: t[0].value,
-            renderer: b.new(e, {})
+            renderer: D.new(e, {})
           })
         ), (F = a.get("renderer")) == null || F.grid.template.setAll({
-          stroke: l(o.palette.divider),
+          stroke: u(i.palette.divider),
           strokeOpacity: 1
         }), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), a.data.setAll(m);
-      const u = r.yAxes.push(
+        }), a.data.setAll(n);
+      const c = r.yAxes.push(
         $.new(e, {
           min: 0,
           extraMax: 0.1,
           renderer: j.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (v = u.get("renderer")) == null || v.grid.template.setAll({
-        stroke: l(o.palette.divider),
+      (v = c.get("renderer")) == null || v.grid.template.setAll({
+        stroke: u(i.palette.divider),
         strokeOpacity: 1
-      }), n.forEach((i, I) => {
+      }), l.forEach((o, I) => {
         if (I === 0) {
           const s = r.series.push(
-            K.new(e, {
-              name: i.label ?? C(i.name),
+            Q.new(e, {
+              name: o.label ?? k(o.name),
               xAxis: a,
-              yAxis: u,
-              valueYField: i.dataFieldName,
+              yAxis: c,
+              valueYField: o.dataFieldName,
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
           s.columns.template.setAll({
-            tooltipY: U(10),
+            tooltipY: J(10),
             templateField: "columnSettings"
           }), t[0].type === "date" && (s.data.processor = X.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), s.data.setAll(m), s.appear();
+          })), s.data.setAll(n), s.appear();
         } else {
           const s = r.series.push(
-            Z.new(e, {
-              name: i.label ?? C(i.name),
+            ee.new(e, {
+              name: o.label ?? k(o.name),
               xAxis: a,
-              yAxis: u,
-              valueYField: i.dataFieldName,
+              yAxis: c,
+              valueYField: o.dataFieldName,
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
@@ -124,9 +120,9 @@ const Xe = (L) => {
           }), t[0].type === "date" && (s.data.processor = X.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), s.data.setAll(m), s.bullets.push(function() {
-            return ee.new(e, {
-              sprite: te.new(e, {
+          })), s.data.setAll(n), s.bullets.push(function() {
+            return te.new(e, {
+              sprite: re.new(e, {
                 strokeWidth: 3,
                 stroke: s.get("stroke"),
                 radius: 5,
@@ -137,29 +133,29 @@ const Xe = (L) => {
         }
       }), r.set(
         "cursor",
-        re.new(e, { xAxis: a, behavior: "none" })
+        ae.new(e, { xAxis: a, behavior: "none" })
       ).lineY.set("visible", !1), W({
         root: e,
         chart: r,
         xAxis: a,
-        theme: o,
+        theme: i,
         isDateAxis: t[0].type === "date",
-        baseInterval: x,
+        baseInterval: h,
         follow: !0
       }), r.children.push(
-        ae.new(e, {
-          centerX: D,
-          x: D
+        se.new(e, {
+          centerX: b,
+          x: b
         })
-      ).data.setAll(r.series.values), H(e, (k = n == null ? void 0 : n[0]) == null ? void 0 : k.format), r.appear(1e3, 100);
+      ).data.setAll(r.series.values), U(e, (C = l == null ? void 0 : l[0]) == null ? void 0 : C.format), r.appear(1e3, 100);
     }, Y), () => {
       var e;
-      c && clearTimeout(c), (e = d.current) == null || e.dispose(), d.current = null;
+      d && clearTimeout(d), (e = p.current) == null || e.dispose(), p.current = null;
     };
-  }, [p, t, n, o.palette.mode, h, A]);
+  }, [m, t, l, i.palette.mode, x, A]);
   const S = { ...f };
-  return { chartId: g, ownerState: S, sx: T, error: y, other: R };
+  return { chartId: y, ownerState: S, sx: T, error: g, other: R };
 };
 export {
-  Xe as useColumnLineMixLogic
+  Le as useColumnLineMixLogic
 };

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

@@ -3,118 +3,115 @@ import { useThemeProps as z, useTheme as E } from "@mui/material";
 import W from "dayjs";
 import { useId as X, useRef as j, useEffect as H } from "react";
 import { formatDateValue as O } from "../_common/format.js";
-import { applyValueFormat as $, colorSetFromPalette as q, buildSliceText as k, applyLegendPercentFormat as G, readSharePercent as J } from "../_common/utils.js";
-import { P as K, a as Q } from "../../../PieSeries-CMH0Z7pz.js";
-import { p as c, c as d } from "../../../Entity-BJCuhdq_.js";
-import { L as U } from "../../../Legend-CFvQiIfn.js";
-import { L as Z } from "../../../Tooltip-vyZRZWih.js";
-const de = (A) => {
-  const y = z({ props: A, name: "HCDonutChart" }), {
+import { applyValueFormat as $, applyInterfaceColors as q, colorSetFromPalette as G, buildSliceText as P, applyLegendPercentFormat as J, readSharePercent as K } from "../_common/utils.js";
+import { P as Q, a as U } from "../../../PieSeries-CMH0Z7pz.js";
+import { p as i, c as v } from "../../../Entity-BJCuhdq_.js";
+import { L as Z } from "../../../Legend-CFvQiIfn.js";
+import { L as _ } from "../../../Tooltip-vyZRZWih.js";
+const pe = (k) => {
+  const x = z({ props: k, name: "HCDonutChart" }), {
     dimensions: a,
-    values: o,
-    data: m,
-    initDelay: P = 0,
+    values: r,
+    data: c,
+    initDelay: A = 0,
     colors: T,
     showDimensionLabel: Y = !1,
-    showValueText: f = !0,
+    showValueText: h = !0,
     percentDecimals: p = 2,
     sx: R,
     ...C
-  } = y, i = E(), w = `hc-donut-chart-${X().replace(/:/g, "")}`, g = j(null), l = o.length > 1;
-  let u = null;
-  o.length < 1 ? u = "Missing values config!" : !l && a.length < 1 && (u = "Missing dimensions config!"), H(() => {
-    if (u) return;
-    let v;
-    return v = setTimeout(() => {
+  } = x, m = E(), w = `hc-donut-chart-${X().replace(/:/g, "")}`, f = j(null), n = r.length > 1;
+  let d = null;
+  r.length < 1 ? d = "Missing values config!" : !n && a.length < 1 && (d = "Missing dimensions config!"), H(() => {
+    if (d) return;
+    let g;
+    return g = setTimeout(() => {
       var M, F;
       const e = N.new(w);
-      g.current = e, $(e, (M = o == null ? void 0 : o[0]) == null ? void 0 : M.format), e.setThemes([V.new(e)]);
-      const x = e.container.children.push(
-        K.new(e, {
+      f.current = e, $(e, (M = r == null ? void 0 : r[0]) == null ? void 0 : M.format), e.setThemes([V.new(e)]);
+      const y = e.container.children.push(
+        Q.new(e, {
           layout: e.verticalLayout,
-          innerRadius: c(50)
+          innerRadius: i(50)
         })
       );
-      e.interfaceColors.setAll({
-        text: d(i.palette.text.primary),
-        grid: d(i.palette.divider),
-        stroke: d(i.palette.divider),
+      q(e, m, {
         // Drives the gap color between slices; tie it to the surface so the
         // beveled edges read correctly in both light and dark mode.
-        background: d(i.palette.background.paper)
+        background: v(m.palette.background.paper)
       });
-      const I = l ? o.map((r) => {
+      const B = n ? r.map((o) => {
         var s;
         return {
-          category: r.label || r.name || r.fieldName,
-          value: (s = m[0]) == null ? void 0 : s[r.dataFieldName]
+          category: o.label || o.name || o.fieldName,
+          value: (s = c[0]) == null ? void 0 : s[o.dataFieldName]
         };
-      }) : m, t = x.series.push(
-        Q.new(e, {
-          valueField: l ? "value" : o[0].dataFieldName,
-          categoryField: l ? "category" : a[0].value
+      }) : c, t = y.series.push(
+        U.new(e, {
+          valueField: n ? "value" : r[0].dataFieldName,
+          categoryField: n ? "category" : a[0].value
         })
       );
-      t.set("colors", q(e, T));
-      const b = k({ percentDecimals: p, showValueText: f });
+      t.set("colors", G(e, T));
+      const b = P({ percentDecimals: p, showValueText: h });
       t.slices.template.setAll({
         tooltipText: b,
-        stroke: d(i.palette.background.paper),
+        stroke: v(m.palette.background.paper),
         strokeWidth: 2,
         strokeOpacity: 1,
         cornerRadius: 4
-      }), t.slices.template.states.create("hover", { scale: 1.04 }), t.set("radius", c(80)), t.labels.template.setAll({
+      }), t.slices.template.states.create("hover", { scale: 1.04 }), t.set("radius", i(80)), t.labels.template.setAll({
         text: b,
         maxWidth: 140,
         oversizedBehavior: "wrap"
       });
-      const D = (r, s) => {
-        const S = J(s);
-        return S === void 0 ? r : k({ percentDecimals: p, showValueText: f, percent: S });
+      const D = (o, s) => {
+        const S = K(s);
+        return S === void 0 ? o : P({ percentDecimals: p, showValueText: h, percent: S });
       };
-      t.slices.template.adapters.add("tooltipText", D), t.labels.template.adapters.add("text", D), !l && a[0].type === "date" && m.forEach((r) => {
+      t.slices.template.adapters.add("tooltipText", D), t.labels.template.adapters.add("text", D), !n && a[0].type === "date" && c.forEach((o) => {
         let s = "YYYY";
-        a[0].value.includes("month") ? s = "MMM YYYY" : a[0].value.includes("day") && (s = "DD MMM YYYY"), r[a[0].value] = W(r[a[0].value]).format(
+        a[0].value.includes("month") ? s = "MMM YYYY" : a[0].value.includes("day") && (s = "DD MMM YYYY"), o[a[0].value] = W(o[a[0].value]).format(
           s
         );
-      }), t.data.setAll(I);
-      const L = x.children.push(
-        U.new(e, {
-          centerX: c(50),
-          x: c(50),
+      }), t.data.setAll(B);
+      const L = y.children.push(
+        Z.new(e, {
+          centerX: i(50),
+          x: i(50),
           marginTop: 15,
           marginBottom: 15
         })
       );
-      G(L, p), L.data.setAll(t.dataItems);
-      const n = a[0], h = n ? (F = m[0]) == null ? void 0 : F[n.value] : void 0;
-      Y && l && n && h != null && h !== "" && x.children.push(
-        Z.new(e, {
-          text: n.type === "date" ? O(h, n.dateFormat, n.value) : String(h),
-          centerX: c(50),
-          x: c(50),
-          fill: d(i.palette.text.secondary),
+      J(L, p), L.data.setAll(t.dataItems);
+      const l = a[0], u = l ? (F = c[0]) == null ? void 0 : F[l.value] : void 0;
+      Y && n && l && u != null && u !== "" && y.children.push(
+        _.new(e, {
+          text: l.type === "date" ? O(u, l.dateFormat, l.value) : String(u),
+          centerX: i(50),
+          x: i(50),
+          fill: v(m.palette.text.secondary),
           fontSize: 12,
           paddingBottom: 8
         })
       ), t.appear(1e3, 100);
-    }, P), () => {
+    }, A), () => {
       var e;
-      v && clearTimeout(v), (e = g.current) == null || e.dispose(), g.current = null;
+      g && clearTimeout(g), (e = f.current) == null || e.dispose(), f.current = null;
     };
   }, [
-    m,
+    c,
     a,
-    o,
-    i.palette.mode,
+    r,
+    m.palette.mode,
     T,
     Y,
-    f,
+    h,
     p
   ]);
-  const B = { ...y };
-  return { chartId: w, ownerState: B, sx: R, error: u, other: C };
+  const I = { ...x };
+  return { chartId: w, ownerState: I, sx: R, error: d, other: C };
 };
 export {
-  de as useDonutChartLogic
+  pe as useDonutChartLogic
 };