@hybridcore/ui 1.6.14 → 1.6.17

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

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

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

@@ -4,18 +4,18 @@ import U from "lodash";
 import { useId as J, useRef as K, useEffect as Q } from "react";
 import { humanizeLabel as ee } from "../_common/format.js";
 import { attachCombinedAxisTooltip as te } from "../_common/tooltip.js";
-import { colorSetFromPalette as re, applyValueFormat as se } from "../_common/utils.js";
-import { c as p, p as X, b as V } from "../../../Entity-BJCuhdq_.js";
-import { X as oe, V as ae } from "../../../AxisRenderer-BCQoUJw6.js";
-import { A as _, a as ie } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as ne } from "../../../CategoryAxis-B6NqW8qd.js";
-import { L as le } from "../../../LineSeries-D_IL2qGF.js";
-import { D as me, G as de } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { B as pe } from "../../../Bullet-Djj7Vs9T.js";
-import { C as ce } from "../../../Circle-BnfBNKBD.js";
-import { X as ue } from "../../../XYCursor-CVUSpqb9.js";
-import { L as fe } from "../../../Legend-CFvQiIfn.js";
-import { D as he } from "../../../DateAxis-DEXKps1S.js";
+import { colorSetFromPalette as re, applyDateAxisLabelFormat as se, applyValueFormat as oe } from "../_common/utils.js";
+import { c as d, p as X, b as V } from "../../../Entity-BJCuhdq_.js";
+import { X as ae, V as ie } from "../../../AxisRenderer-BCQoUJw6.js";
+import { A as _, a as ne } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as le } from "../../../CategoryAxis-B6NqW8qd.js";
+import { L as me } from "../../../LineSeries-D_IL2qGF.js";
+import { D as pe, G as de } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { B as ce } from "../../../Bullet-Djj7Vs9T.js";
+import { C as ue } from "../../../Circle-BnfBNKBD.js";
+import { X as fe } from "../../../XYCursor-CVUSpqb9.js";
+import { L as he } from "../../../Legend-CFvQiIfn.js";
+import { D as Ae } from "../../../DateAxis-DEXKps1S.js";
 const B = 1.1, ge = {
   millisecond: 1,
   second: 1e3,
@@ -25,22 +25,22 @@ const B = 1.1, ge = {
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, Ve = (E) => {
+}, _e = (E) => {
   const b = j({ props: E, name: "HCLineChart" }), {
     dimensions: t,
     values: m,
-    data: g,
+    data: A,
     initDelay: P = 0,
-    baseInterval: i,
+    baseInterval: n,
     colors: L,
     connectMissingData: k = !0,
     skipEmptyDates: v = !1,
     sx: R,
     ...W
   } = b, l = q(), N = `hc-line-chart-${J().replace(/:/g, "")}`, C = K(null);
-  let A = null;
-  t.length < 1 ? A = "Missing dimensions config!" : m.length < 1 && (A = "Missing values config!"), Q(() => {
-    if (A) return;
+  let g = null;
+  t.length < 1 ? g = "Missing dimensions config!" : m.length < 1 && (g = "Missing values config!"), Q(() => {
+    if (g) return;
     let T;
     return T = setTimeout(() => {
       var G, O, I, M;
@@ -48,12 +48,12 @@ const B = 1.1, ge = {
       C.current = e;
       const z = Z.new(e);
       e.setThemes([$.new(e), z]), e.interfaceColors.setAll({
-        text: p(l.palette.text.primary),
-        grid: p(l.palette.divider),
-        stroke: p(l.palette.divider)
+        text: d(l.palette.text.primary),
+        grid: d(l.palette.divider),
+        stroke: d(l.palette.divider)
       });
       const s = e.container.children.push(
-        oe.new(e, {
+        ae.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -65,45 +65,45 @@ const B = 1.1, ge = {
         })
       );
       s.set("colors", re(e, L));
-      let n, c = g;
+      let i, c = A;
       if (t[0].type === "date") {
-        const o = v ? de : he;
-        n = s.xAxes.push(
+        const o = v ? de : Ae;
+        i = s.xAxes.push(
           o.new(e, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: i || { timeUnit: "day", count: 1 },
+            baseInterval: n || { timeUnit: "day", count: 1 },
             renderer: _.new(e, {})
           })
-        ), c = U.orderBy(g, [t[0].value]);
+        ), se(i, t[0]), c = U.orderBy(A, [t[0].value]);
       } else
-        n = s.xAxes.push(
-          ne.new(e, {
+        i = s.xAxes.push(
+          le.new(e, {
             categoryField: t[0].value,
             renderer: _.new(e, {})
           })
         ), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), c = U.orderBy(g, [t[0].value]), n.data.setAll(c);
+        }), c = U.orderBy(A, [t[0].value]), i.data.setAll(c);
       const Y = s.yAxes.push(
-        ae.new(e, {
-          renderer: ie.new(e, {})
+        ie.new(e, {
+          renderer: ne.new(e, {})
         })
       );
-      (G = n.get("renderer")) == null || G.grid.template.setAll({
-        stroke: p(l.palette.divider),
+      (G = i.get("renderer")) == null || G.grid.template.setAll({
+        stroke: d(l.palette.divider),
         strokeOpacity: 1
-      }), (O = n.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (I = Y.get("renderer")) == null || I.grid.template.setAll({
-        stroke: p(l.palette.divider),
+      }), (O = i.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (I = Y.get("renderer")) == null || I.grid.template.setAll({
+        stroke: d(l.palette.divider),
         strokeOpacity: 1
       }), m.forEach((o) => {
         const a = s.series.push(
-          le.new(e, {
+          me.new(e, {
             // Legend/tooltip label: explicit override, else humanize the raw
             // backend field (snake_case / lowercase → Title Case).
             name: o.label ?? ee(o.name),
-            xAxis: n,
+            xAxis: i,
             yAxis: Y,
             valueYField: o.dataFieldName,
             // When false, the line breaks at missing points. On a date axis the
@@ -115,22 +115,22 @@ const B = 1.1, ge = {
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
-        if (t[0].type === "date" && (a.data.processor = me.new(e, {
+        if (t[0].type === "date" && (a.data.processor = pe.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
         })), t[0].type === "date" && !v) {
-          const y = t[0].value, x = ge[(i == null ? void 0 : i.timeUnit) ?? "day"] * ((i == null ? void 0 : i.count) ?? 1), d = k ? 1 / 0 : x * B, w = c.map((r) => ({
+          const y = t[0].value, x = ge[(n == null ? void 0 : n.timeUnit) ?? "day"] * ((n == null ? void 0 : n.count) ?? 1), p = k ? 1 / 0 : x * B, w = c.map((r) => ({
             t: new Date(r[y]).getTime(),
             hasValue: r[o.dataFieldName] !== null && r[o.dataFieldName] !== void 0
           })).filter((r) => r.hasValue && !Number.isNaN(r.t)), D = /* @__PURE__ */ new Set();
           w.forEach((r, f) => {
             const F = f > 0 ? r.t - w[f - 1].t : 1 / 0, h = f < w.length - 1 ? w[f + 1].t - r.t : 1 / 0;
-            F > d && h > d && D.add(r.t);
+            F > p && h > p && D.add(r.t);
           }), D.size > 0 && a.bullets.push((r, f, F) => {
             const h = F.dataContext;
             if (D.has(new Date(h == null ? void 0 : h[y]).getTime()))
-              return pe.new(r, {
-                sprite: ce.new(r, {
+              return ce.new(r, {
+                sprite: ue.new(r, {
                   radius: 3,
                   fill: a.get("fill"),
                   stroke: r.interfaceColors.get("background"),
@@ -142,18 +142,18 @@ const B = 1.1, ge = {
         a.data.setAll(c), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
       }), s.set(
         "cursor",
-        ue.new(e, { xAxis: n, behavior: "none" })
+        fe.new(e, { xAxis: i, behavior: "none" })
       ).lineY.set("visible", !1), te({
         root: e,
         chart: s,
-        xAxis: n,
+        xAxis: i,
         theme: l,
         isDateAxis: t[0].type === "date",
-        baseInterval: i,
+        baseInterval: n,
         follow: !0
       });
       const u = s.bottomAxesContainer.children.push(
-        fe.new(e, {
+        he.new(e, {
           width: X(100),
           paddingTop: 10,
           centerX: X(50),
@@ -164,11 +164,11 @@ const B = 1.1, ge = {
       u.itemContainers.template.events.on("pointerover", function(o) {
         var x;
         const a = o.target, y = (x = a == null ? void 0 : a.dataItem) == null ? void 0 : x.dataContext;
-        s.series.each(function(d) {
-          d !== y ? d.strokes.template.setAll({
+        s.series.each(function(p) {
+          p !== y ? p.strokes.template.setAll({
             strokeOpacity: 0.15,
-            stroke: p(0)
-          }) : d.strokes.template.setAll({ strokeWidth: 3 });
+            stroke: d(0)
+          }) : p.strokes.template.setAll({ strokeWidth: 3 });
         });
       }), u.itemContainers.template.events.on("pointerout", function() {
         s.series.each(function(o) {
@@ -181,13 +181,13 @@ const B = 1.1, ge = {
       }), u.itemContainers.template.set("width", V), u.valueLabels.template.setAll({
         width: V,
         textAlign: "right"
-      }), u.data.setAll(s.series.values), se(e, (M = m == null ? void 0 : m[0]) == null ? void 0 : M.format), s.appear(1e3, 100);
+      }), u.data.setAll(s.series.values), oe(e, (M = m == null ? void 0 : m[0]) == null ? void 0 : M.format), s.appear(1e3, 100);
     }, P), () => {
       var e;
       T && clearTimeout(T), (e = C.current) == null || e.dispose(), C.current = null;
     };
   }, [
-    g,
+    A,
     t,
     m,
     l.palette.mode,
@@ -196,8 +196,8 @@ const B = 1.1, ge = {
     v
   ]);
   const S = { ...b };
-  return { chartId: N, ownerState: S, sx: R, error: A, other: W };
+  return { chartId: N, ownerState: S, sx: R, error: g, other: W };
 };
 export {
-  Ve as useLineChartLogic
+  _e as useLineChartLogic
 };

package/dist/components/charts/logaritmic-scale/logic.js

@@ -4,27 +4,27 @@ import F from "lodash";
 import { useId as G, useRef as O, useEffect as P } from "react";
 import { humanizeLabel as V } from "../_common/format.js";
 import { attachCombinedAxisTooltip as q } from "../_common/tooltip.js";
-import { colorSetFromPalette as z, applyValueFormat as B } from "../_common/utils.js";
+import { colorSetFromPalette as z, applyDateAxisLabelFormat as B, applyValueFormat as H } from "../_common/utils.js";
 import { c as i } from "../../../Entity-BJCuhdq_.js";
-import { X as H, V as N } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as U } from "../../../XYCursor-CVUSpqb9.js";
-import { A as X, a as W } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as Z } from "../../../CategoryAxis-B6NqW8qd.js";
-import { L as _ } from "../../../LineSeries-D_IL2qGF.js";
-import { D as $, G as j } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { S as J } from "../../../Scrollbar-CTI7_8Qw.js";
-import { D as K } from "../../../DateAxis-DEXKps1S.js";
-const Ae = (k) => {
+import { X as N, V as U } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as W } from "../../../XYCursor-CVUSpqb9.js";
+import { A as X, a as Z } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as _ } from "../../../CategoryAxis-B6NqW8qd.js";
+import { L as $ } from "../../../LineSeries-D_IL2qGF.js";
+import { D as j, G as J } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { S as K } from "../../../Scrollbar-CTI7_8Qw.js";
+import { D as M } from "../../../DateAxis-DEXKps1S.js";
+const xe = (k) => {
   const f = E({ props: k, name: "HCLogaritmicScale" }), {
     dimensions: t,
     values: s,
     data: n,
-    initDelay: S = 0,
+    initDelay: L = 0,
     baseInterval: h,
     colors: A,
     skipEmptyDates: x = !1,
-    sx: C,
-    ...L
+    sx: S,
+    ...C
   } = f, a = I(), g = `hc-logaritmic-scale-${G().replace(/:/g, "")}`, d = O(null);
   let m = null;
   t.length < 1 ? m = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (m = "LogaritmicScale requires at least 1 value"), P(() => {
@@ -39,7 +39,7 @@ const Ae = (k) => {
         stroke: i(a.palette.divider)
       });
       const r = e.container.children.push(
-        H.new(e, {
+        N.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -50,12 +50,12 @@ const Ae = (k) => {
       );
       r.set("colors", z(e, A)), r.set(
         "cursor",
-        U.new(e, { behavior: "none" })
+        W.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
       let o, p = n;
       if (t[0].type === "date") {
         p = F.orderBy(n, [t[0].value]);
-        const l = x ? j : K;
+        const l = x ? J : M;
         o = r.xAxes.push(
           l.new(e, {
             maxDeviation: 0.1,
@@ -66,10 +66,10 @@ const Ae = (k) => {
         ), (v = o.get("renderer")) == null || v.grid.template.setAll({
           stroke: i(a.palette.divider),
           strokeOpacity: 1
-        });
+        }), B(o, t[0]);
       } else
         o = r.xAxes.push(
-          Z.new(e, {
+          _.new(e, {
             categoryField: t[0].value,
             renderer: X.new(e, {})
           })
@@ -81,9 +81,9 @@ const Ae = (k) => {
           strokeOpacity: 1
         });
       const y = r.yAxes.push(
-        N.new(e, {
+        U.new(e, {
           logarithmic: !0,
-          renderer: W.new(e, { minorGridEnabled: !0 })
+          renderer: Z.new(e, { minorGridEnabled: !0 })
         })
       );
       (D = y.get("renderer")) == null || D.grid.template.setAll({
@@ -91,7 +91,7 @@ const Ae = (k) => {
         strokeOpacity: 1
       }), s.forEach((l) => {
         const c = r.series.push(
-          _.new(e, {
+          $.new(e, {
             name: l.label ?? V(l.name),
             xAxis: o,
             yAxis: y,
@@ -99,7 +99,7 @@ const Ae = (k) => {
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
-        c.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (c.data.processor = $.new(e, {
+        c.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (c.data.processor = j.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
         })), c.data.setAll(p), c.appear(1e3);
@@ -113,16 +113,16 @@ const Ae = (k) => {
         follow: !0
       }), r.set(
         "scrollbarX",
-        J.new(e, { orientation: "horizontal" })
-      ), B(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
-    }, S), () => {
+        K.new(e, { orientation: "horizontal" })
+      ), H(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
+    }, L), () => {
       var e;
       u && clearTimeout(u), (e = d.current) == null || e.dispose(), d.current = null;
     };
   }, [n, t, s, a.palette.mode, A, x]);
   const T = { ...f };
-  return { chartId: g, ownerState: T, sx: C, error: m, other: L };
+  return { chartId: g, ownerState: T, sx: S, error: m, other: C };
 };
 export {
-  Ae as useLogaritmicScaleLogic
+  xe as useLogaritmicScaleLogic
 };