@hybridcore/ui 1.6.22 → 1.6.24

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

@@ -1,45 +1,44 @@
 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 z, useEffect as G } from "react";
+import { useId as V, useRef as G, useEffect as N } from "react";
 import { humanizeLabel as C } from "../_common/format.js";
-import { attachCombinedAxisTooltip as N } from "../_common/tooltip.js";
-import { colorSetFromPalette as W, applyDateAxisLabelFormat as q, applyValueFormat as H } from "../_common/utils.js";
-import { c as l, p as U, a as b } from "../../../Entity-BJCuhdq_.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 { X as _, V as $ } from "../../../AxisRenderer-BCQoUJw6.js";
-import { S as j } from "../../../Scrollbar-CTI7_8Qw.js";
-import { A as D, a as J } from "../../../AxisRendererY-AXWvGU6r.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 oe } from "../../../Legend-CFvQiIfn.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 Ye = (L) => {
+const Xe = (L) => {
   const f = B({ props: L, name: "HCColumnLineMix" }), {
     dimensions: t,
     values: n,
     data: p,
     initDelay: Y = 0,
-    baseInterval: h,
-    colors: x,
+    baseInterval: x,
+    colors: h,
     skipEmptyDates: A = !1,
-    sx: S,
-    ...T
-  } = f, s = E(), g = `hc-column-line-mix-${V().replace(/:/g, "")}`, d = z(null), y = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
-  G(() => {
+    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;
+  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(s.palette.text.primary),
-        grid: l(s.palette.divider),
-        stroke: l(s.palette.divider)
+        text: l(o.palette.text.primary),
+        grid: l(o.palette.divider),
+        stroke: l(o.palette.divider)
       });
       const r = e.container.children.push(
         _.new(e, {
@@ -52,33 +51,30 @@ const Ye = (L) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", W(e, x)), r.get("colors", {}).set("step", 3), r.set(
-        "scrollbarX",
-        j.new(e, { orientation: "horizontal" })
-      );
+      r.set("colors", q(e, h)), r.get("colors", {}).set("step", 3);
       let a, m = p;
       if (t[0].type === "date") {
         m = P.orderBy(p, [t[0].value]);
-        const i = A ? Z : se;
+        const i = A ? Q : se;
         a = r.xAxes.push(
           i.new(e, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: h || { timeUnit: "day", count: 1 },
-            renderer: D.new(e, {})
+            baseInterval: x || { timeUnit: "day", count: 1 },
+            renderer: b.new(e, {})
           })
         ), (w = a.get("renderer")) == null || w.grid.template.setAll({
-          stroke: l(s.palette.divider),
+          stroke: l(o.palette.divider),
           strokeOpacity: 1
-        }), q(a, t[0]);
+        }), z(a, t[0]);
       } else
         a = r.xAxes.push(
-          K.new(e, {
+          J.new(e, {
             categoryField: t[0].value,
-            renderer: D.new(e, {})
+            renderer: b.new(e, {})
           })
         ), (F = a.get("renderer")) == null || F.grid.template.setAll({
-          stroke: l(s.palette.divider),
+          stroke: l(o.palette.divider),
           strokeOpacity: 1
         }), e.numberFormatter.setAll({
           numberFormat: "#",
@@ -88,16 +84,16 @@ const Ye = (L) => {
         $.new(e, {
           min: 0,
           extraMax: 0.1,
-          renderer: J.new(e, { strokeOpacity: 0.1 })
+          renderer: j.new(e, { strokeOpacity: 0.1 })
         })
       );
       (v = u.get("renderer")) == null || v.grid.template.setAll({
-        stroke: l(s.palette.divider),
+        stroke: l(o.palette.divider),
         strokeOpacity: 1
       }), n.forEach((i, I) => {
         if (I === 0) {
-          const o = r.series.push(
-            Q.new(e, {
+          const s = r.series.push(
+            K.new(e, {
               name: i.label ?? C(i.name),
               xAxis: a,
               yAxis: u,
@@ -105,16 +101,16 @@ const Ye = (L) => {
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
-          o.columns.template.setAll({
+          s.columns.template.setAll({
             tooltipY: U(10),
             templateField: "columnSettings"
-          }), t[0].type === "date" && (o.data.processor = X.new(e, {
+          }), t[0].type === "date" && (s.data.processor = X.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), o.data.setAll(m), o.appear();
+          })), s.data.setAll(m), s.appear();
         } else {
-          const o = r.series.push(
-            ee.new(e, {
+          const s = r.series.push(
+            Z.new(e, {
               name: i.label ?? C(i.name),
               xAxis: a,
               yAxis: u,
@@ -122,17 +118,17 @@ const Ye = (L) => {
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
-          o.strokes.template.setAll({
+          s.strokes.template.setAll({
             strokeWidth: 3,
             templateField: "strokeSettings"
-          }), t[0].type === "date" && (o.data.processor = X.new(e, {
+          }), t[0].type === "date" && (s.data.processor = X.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), o.data.setAll(m), o.bullets.push(function() {
-            return te.new(e, {
-              sprite: re.new(e, {
+          })), s.data.setAll(m), s.bullets.push(function() {
+            return ee.new(e, {
+              sprite: te.new(e, {
                 strokeWidth: 3,
-                stroke: o.get("stroke"),
+                stroke: s.get("stroke"),
                 radius: 5,
                 fill: e.interfaceColors.get("background")
               })
@@ -141,29 +137,29 @@ const Ye = (L) => {
         }
       }), r.set(
         "cursor",
-        ae.new(e, { xAxis: a, behavior: "none" })
-      ).lineY.set("visible", !1), N({
+        re.new(e, { xAxis: a, behavior: "none" })
+      ).lineY.set("visible", !1), W({
         root: e,
         chart: r,
         xAxis: a,
-        theme: s,
+        theme: o,
         isDateAxis: t[0].type === "date",
-        baseInterval: h,
+        baseInterval: x,
         follow: !0
       }), r.children.push(
-        oe.new(e, {
-          centerX: b,
-          x: b
+        ae.new(e, {
+          centerX: D,
+          x: D
         })
       ).data.setAll(r.series.values), H(e, (k = n == null ? void 0 : n[0]) == null ? void 0 : k.format), r.appear(1e3, 100);
     }, Y), () => {
       var e;
       c && clearTimeout(c), (e = d.current) == null || e.dispose(), d.current = null;
     };
-  }, [p, t, n, s.palette.mode, x, A]);
-  const R = { ...f };
-  return { chartId: g, ownerState: R, sx: S, error: y, other: T };
+  }, [p, t, n, o.palette.mode, h, A]);
+  const S = { ...f };
+  return { chartId: g, ownerState: S, sx: T, error: y, other: R };
 };
 export {
-  Ye as useColumnLineMixLogic
+  Xe as useColumnLineMixLogic
 };

package/dist/components/charts/forecast-cone/index.js

@@ -1,47 +1,49 @@
-import c, { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { i as h } from "../../../styled-Ckq8ALHh.js";
-import { r as u } from "../../../createSvgIcon-jKAqRXE2.js";
-import { IconButton as s, Typography as d } from "@mui/material";
-import { useForecastConeChartLogic as z } from "./logic.js";
-import { ForecastConeChartRoot as I, ForecastConeChartCanvas as R, ForecastConeChartPager as $ } from "./styled.js";
-var a = {}, S = h;
-Object.defineProperty(a, "__esModule", {
+import h, { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { i as u } from "../../../styled-Ckq8ALHh.js";
+import { r as f } from "../../../createSvgIcon-jKAqRXE2.js";
+import { IconButton as d, Typography as c } from "@mui/material";
+import { useForecastConeChartLogic as R } from "./logic.js";
+import { ForecastConeChartRoot as $, ForecastConeChartCanvas as S, ForecastConeChartPager as F } from "./styled.js";
+var i = {}, L = u;
+Object.defineProperty(i, "__esModule", {
   value: !0
 });
-var f = a.default = void 0, F = S(u()), L = c;
-f = a.default = (0, F.default)(/* @__PURE__ */ (0, L.jsx)("path", {
+var v = i.default = void 0, M = L(f()), q = h;
+v = i.default = (0, M.default)(/* @__PURE__ */ (0, q.jsx)("path", {
   d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
 }), "ChevronLeft");
-var i = {}, M = h;
-Object.defineProperty(i, "__esModule", {
+var a = {}, w = u;
+Object.defineProperty(a, "__esModule", {
   value: !0
 });
-var v = i.default = void 0, q = M(u()), D = c;
-v = i.default = (0, q.default)(/* @__PURE__ */ (0, D.jsx)("path", {
+var p = a.default = void 0, O = w(f()), P = h;
+p = a.default = (0, O.default)(/* @__PURE__ */ (0, P.jsx)("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), "ChevronRight");
-const N = (p) => {
+const A = (g) => {
   const {
-    chartDivRef: g,
-    data: m,
-    chartId: C,
+    chartDivRef: m,
+    data: C,
+    chartId: x,
     loading: n,
-    emptyMessage: x,
-    isMulti: y,
+    emptyMessage: y,
+    isMulti: _,
     origins: r,
-    selectedOriginIndex: t,
-    onOriginChange: l,
-    sx: _,
-    other: b,
-    ownerState: j
-  } = z(p);
-  return /* @__PURE__ */ o(I, { ownerState: j, sx: _, ...b, children: [
-    /* @__PURE__ */ o(R, { children: [
+    selectedOriginIndex: o,
+    shownOriginIndex: l,
+    isPreviewing: b,
+    onOriginChange: s,
+    sx: I,
+    other: j,
+    ownerState: z
+  } = R(g);
+  return /* @__PURE__ */ t($, { ownerState: z, sx: I, ...j, children: [
+    /* @__PURE__ */ t(S, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          ref: g,
-          id: C,
+          ref: m,
+          id: x,
           style: { width: "100%", height: "100%" }
         }
       ),
@@ -62,7 +64,7 @@ const N = (p) => {
           children: "Loading..."
         }
       ),
-      !n && m.length === 0 && /* @__PURE__ */ e(
+      !n && C.length === 0 && /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -75,38 +77,49 @@ const N = (p) => {
             fontSize: "1.1rem",
             zIndex: 10
           },
-          children: x
+          children: y
         }
       )
     ] }),
-    y && r.length > 1 && /* @__PURE__ */ o($, { children: [
+    _ && r.length > 1 && /* @__PURE__ */ t(F, { children: [
       /* @__PURE__ */ e(
-        s,
+        d,
         {
           size: "small",
           "aria-label": "Previous forecast",
-          disabled: t <= 0,
-          onClick: () => l(t - 1),
-          children: /* @__PURE__ */ e(f, { fontSize: "small" })
+          disabled: o <= 0,
+          onClick: () => s(o - 1),
+          children: /* @__PURE__ */ e(v, { fontSize: "small" })
         }
       ),
-      /* @__PURE__ */ o(d, { variant: "caption", color: "text.secondary", component: "div", children: [
-        `Forecast origin: ${r[t] ?? ""}`,
-        /* @__PURE__ */ e(d, { variant: "caption", color: "text.disabled", component: "span", children: ` (${t + 1} / ${r.length})` })
+      /* @__PURE__ */ t(c, { variant: "caption", color: "text.secondary", component: "div", children: [
+        `Forecast origin: ${r[l] ?? ""}`,
+        /* @__PURE__ */ t(
+          c,
+          {
+            variant: "caption",
+            color: "text.disabled",
+            component: "span",
+            children: [
+              ` (${l + 1} / ${r.length})`,
+              b ? " · preview" : ""
+            ]
+          }
+        )
       ] }),
       /* @__PURE__ */ e(
-        s,
+        d,
         {
           size: "small",
           "aria-label": "Next forecast",
-          disabled: t >= r.length - 1,
-          onClick: () => l(t + 1),
-          children: /* @__PURE__ */ e(v, { fontSize: "small" })
+          disabled: o >= r.length - 1,
+          onClick: () => s(o + 1),
+          children: /* @__PURE__ */ e(p, { fontSize: "small" })
         }
       )
     ] })
   ] });
 };
 export {
-  N as ForecastConeChart
+  A as ForecastConeChart
 };