@hybridcore/ui 1.6.9 → 1.6.10

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

@@ -1,45 +1,46 @@
-import { R as P, A as V } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as P, A as V } from "../../../AnimatedTheme-ktdO3Bel.js";
 import { useThemeProps as W, useTheme as z } from "@mui/material";
-import Y from "lodash";
-import { useId as G, useRef as N, useEffect as j } from "react";
-import { humanizeLabel as k } from "../_common/format.js";
-import { attachCombinedAxisTooltip as H } from "../_common/tooltip.js";
-import { colorSetFromPalette as M, applyValueFormat as U } from "../_common/utils.js";
-import { c, a as x, p as _ } from "../../../Entity-CCUIdRAr.js";
-import { X as $, V as q } from "../../../AxisRenderer-lUbezuh7.js";
-import { L as J } from "../../../Legend-kbCFjJAW.js";
-import { D as K } from "../../../DateAxis-zNtbSVjW.js";
-import { A as F, a as Q } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as Z } from "../../../CategoryAxis-B8KQp1pE.js";
-import { T as ee, R as te, L as re } from "../../../Tooltip-A_HlttXp.js";
-import { X as oe } from "../../../XYCursor-gHAo40xC.js";
-import { C as ae } from "../../../ColumnSeries-rgnGm-Bg.js";
-import { D as se } from "../../../DataProcessor-CvIe9BVn.js";
-import { B as ie } from "../../../Bullet-PgoNb3Jv.js";
-const Ye = (L) => {
-  const y = W({ props: L, name: "HCXYChart" }), {
-    dimensions: m,
+import k from "lodash";
+import { useId as N, useRef as j, useEffect as H } from "react";
+import { humanizeLabel as F } from "../_common/format.js";
+import { attachCombinedAxisTooltip as M } from "../_common/tooltip.js";
+import { colorSetFromPalette as U, applyValueFormat as _ } from "../_common/utils.js";
+import { c, a as x, p as $ } from "../../../Entity-BJCuhdq_.js";
+import { X as q, V as J } from "../../../AxisRenderer-BCQoUJw6.js";
+import { L as K } from "../../../Legend-CFvQiIfn.js";
+import { A as L, a as Q } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as Z } from "../../../CategoryAxis-B6NqW8qd.js";
+import { T as ee, R as te, L as re } from "../../../Tooltip-vyZRZWih.js";
+import { X as oe } from "../../../XYCursor-CVUSpqb9.js";
+import { G as ae, D as se } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as ie } from "../../../DateAxis-DEXKps1S.js";
+import { C as ne } from "../../../ColumnSeries-CtRTsn-E.js";
+import { B as le } from "../../../Bullet-Djj7Vs9T.js";
+const Fe = (R) => {
+  const A = W({ props: R, name: "HCXYChart" }), {
+    dimensions: p,
     values: n,
     data: d,
-    initDelay: R = 0,
-    baseInterval: A,
+    initDelay: O = 0,
+    baseInterval: y,
     colors: g,
-    sx: O,
-    ...B
-  } = y, i = z(), w = `hc-xy-chart-${G().replace(/:/g, "")}`, u = N(null), b = m.length < 1 ? "Missing dimensions config!" : null;
-  j(() => {
-    if (b) return;
+    skipEmptyDates: w = !1,
+    sx: B,
+    ...E
+  } = A, i = z(), b = `hc-xy-chart-${N().replace(/:/g, "")}`, u = j(null), v = p.length < 1 ? "Missing dimensions config!" : null;
+  H(() => {
+    if (v) return;
     let f;
     return f = setTimeout(() => {
-      var T, D, X;
-      const e = P.new(w);
+      var T, X, Y;
+      const e = P.new(b);
       u.current = e, e.setThemes([V.new(e)]), e.interfaceColors.setAll({
         text: c(i.palette.text.primary),
         grid: c(i.palette.divider),
         stroke: c(i.palette.divider)
       });
       const r = e.container.children.push(
-        $.new(e, {
+        q.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -49,24 +50,25 @@ const Ye = (L) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", M(e, g));
-      const E = r.children.push(
-        J.new(e, {
+      r.set("colors", U(e, g));
+      const G = r.children.push(
+        K.new(e, {
           centerX: x,
           x
         })
-      ), a = m[0];
-      let o, p = d;
-      if (a.type === "date")
+      ), a = p[0];
+      let o, m = d;
+      if (a.type === "date") {
+        const t = w ? ae : ie;
         o = r.xAxes.push(
-          K.new(e, {
+          t.new(e, {
             maxDeviation: 0,
-            baseInterval: A || { timeUnit: "day", count: 1 },
-            renderer: F.new(e, { minGridDistance: 60 })
+            baseInterval: y || { timeUnit: "day", count: 1 },
+            renderer: L.new(e, { minGridDistance: 60 })
           })
-        ), p = Y.orderBy(d, [a.value]);
-      else {
-        const t = F.new(e, {
+        ), m = k.orderBy(d, [a.value]);
+      } else {
+        const t = L.new(e, {
           cellStartLocation: 0.1,
           cellEndLocation: 0.9,
           minGridDistance: 30
@@ -96,38 +98,38 @@ const Ye = (L) => {
         }), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), o.data.setAll(p);
+        }), o.data.setAll(m);
       }
-      const v = r.yAxes.push(
-        q.new(e, {
+      const D = r.yAxes.push(
+        J.new(e, {
           renderer: Q.new(e, { strokeOpacity: 0.1 })
         })
       );
       (T = o.get("renderer")) == null || T.grid.template.setAll({
         stroke: c(i.palette.divider),
         strokeOpacity: 1
-      }), (D = v.get("renderer")) == null || D.grid.template.setAll({
+      }), (X = D.get("renderer")) == null || X.grid.template.setAll({
         stroke: c(i.palette.divider),
         strokeOpacity: 1
       });
       function C(t, s, h, I) {
         const l = r.series.push(
-          ae.new(e, {
+          ne.new(e, {
             name: t,
             xAxis: o,
-            yAxis: v,
+            yAxis: D,
             valueYField: I,
             ...a.type === "date" ? { valueXField: h } : { categoryXField: h }
           })
         );
         l.columns.template.setAll({
-          width: _(90),
+          width: $(90),
           strokeOpacity: 0
         }), a.type === "date" && (l.data.processor = se.new(e, {
           dateFormat: "i",
           dateFields: [h]
         })), l.data.setAll(s), l.appear(), l.bullets.push(function() {
-          return ie.new(e, {
+          return le.new(e, {
             locationY: 0,
             sprite: re.new(e, {
               text: "{valueY}",
@@ -137,22 +139,22 @@ const Ye = (L) => {
               populateText: !0
             })
           });
-        }), E.data.push(l);
+        }), G.data.push(l);
       }
-      if (m.length === 1)
+      if (p.length === 1)
         n.forEach((t) => {
           C(
-            t.label ?? k(t.name),
-            p,
+            t.label ?? F(t.name),
+            m,
             a.value,
             t.dataFieldName
           );
         });
       else {
-        const t = Y.groupBy(p, m[1].value);
+        const t = k.groupBy(m, p[1].value);
         Object.keys(t).forEach((s) => {
           C(
-            k(s),
+            F(s),
             t[s],
             a.value,
             n[0].dataFieldName
@@ -162,23 +164,23 @@ const Ye = (L) => {
       r.set(
         "cursor",
         oe.new(e, { xAxis: o, behavior: "none" })
-      ).lineY.set("visible", !1), H({
+      ).lineY.set("visible", !1), M({
         root: e,
         chart: r,
         xAxis: o,
         theme: i,
         isDateAxis: a.type === "date",
-        baseInterval: A,
+        baseInterval: y,
         follow: !0
-      }), U(e, (X = n == null ? void 0 : n[0]) == null ? void 0 : X.format), r.appear(1e3, 100);
-    }, R), () => {
+      }), _(e, (Y = n == null ? void 0 : n[0]) == null ? void 0 : Y.format), r.appear(1e3, 100);
+    }, O), () => {
       var e;
       f && clearTimeout(f), (e = u.current) == null || e.dispose(), u.current = null;
     };
-  }, [d, m, n, i.palette.mode, g]);
-  const S = { ...y };
-  return { chartId: w, ownerState: S, sx: O, error: b, other: B };
+  }, [d, p, n, i.palette.mode, g, w]);
+  const S = { ...A };
+  return { chartId: b, ownerState: S, sx: B, error: v, other: E };
 };
 export {
-  Ye as useXYChartLogic
+  Fe as useXYChartLogic
 };

package/dist/components/metric-card/MetricChart.js

@@ -1,15 +1,15 @@
 import { jsx as h } from "react/jsx-runtime";
-import { R as u, A } from "../../AnimatedTheme-BOKdw2Oy.js";
+import { R as u, A } from "../../AnimatedTheme-ktdO3Bel.js";
 import { useTheme as g, alpha as v } from "@mui/material";
 import { useRef as w, useLayoutEffect as x } from "react";
-import { X as y, V as R } from "../../AxisRenderer-lUbezuh7.js";
-import { C as L } from "../../CategoryAxis-B8KQp1pE.js";
-import { A as T, a as b } from "../../AxisRendererY-DbSiyb45.js";
-import { T as X } from "../../Tooltip-A_HlttXp.js";
-import { C } from "../../ColumnSeries-rgnGm-Bg.js";
-import { c as a } from "../../Entity-CCUIdRAr.js";
-import { L as Y } from "../../LineSeries-BLFvwrLT.js";
-import { L as F } from "../../LinearGradient-C7rnipF7.js";
+import { X as y, V as R } from "../../AxisRenderer-BCQoUJw6.js";
+import { C as L } from "../../CategoryAxis-B6NqW8qd.js";
+import { A as T, a as b } from "../../AxisRendererY-AXWvGU6r.js";
+import { T as X } from "../../Tooltip-vyZRZWih.js";
+import { C } from "../../ColumnSeries-CtRTsn-E.js";
+import { c as a } from "../../Entity-BJCuhdq_.js";
+import { L as Y } from "../../LineSeries-D_IL2qGF.js";
+import { L as F } from "../../LinearGradient-CxQyCSEB.js";
 const z = ({
   data: o,
   type: p,

package/dist/main.d.ts

@@ -144,6 +144,12 @@ export declare interface CandlestickChartProps {
     loading?: boolean;
     emptyMessage?: string;
     seriesName?: string;
+    /**
+     * When `true`, the date axis drops intervals with no data (am5
+     * `GaplessDateAxis`) — e.g. skipping weekends/holidays so bars sit
+     * contiguously. Default `false` keeps the continuous calendar timeline.
+     */
+    skipEmptyDates?: boolean;
     sx?: SxProps<Theme>;
 }
 
@@ -269,6 +275,13 @@ export declare interface ChartProps {
      * charts only.
      */
     connectMissingData?: boolean;
+    /**
+     * When `true`, a date axis drops intervals that have no data (uses am5's
+     * `GaplessDateAxis`), so only dates with values are shown, equidistant — e.g.
+     * skipping weekends/holidays. Default `false` keeps the continuous, real-time
+     * timeline. Date-dimension charts only.
+     */
+    skipEmptyDates?: boolean;
     sx?: SxProps<Theme>;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.9",
+  "version": "1.6.10",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",

package/dist/DataProcessor-CvIe9BVn.js

@@ -1,83 +0,0 @@
-import { E as c, e as h, q as a, r as l, t as o, C as u, u as n } from "./Entity-CCUIdRAr.js";
-class p extends c {
-  constructor() {
-    super(...arguments), Object.defineProperty(this, "_checkDates", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_checkNumbers", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_checkColors", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_checkEmpty", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_checkDeep", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    });
-  }
-  _afterNew() {
-    super._afterNew(), this._checkFeatures(), this.on("dateFields", () => this._checkFeatures()), this.on("dateFormat", () => this._checkFeatures()), this.on("numericFields", () => this._checkFeatures()), this.on("colorFields", () => this._checkFeatures()), this.on("emptyAs", () => this._checkFeatures());
-  }
-  _checkFeatures() {
-    (this.isDirty("dateFields") || this.isDirty("dateFormat")) && (this._checkDates = this.get("dateFields") && this.get("dateFields").length > 0), this.isDirty("numericFields") && (this._checkNumbers = this.get("numericFields") && this.get("numericFields").length > 0), this.isDirty("colorFields") && (this._checkColors = this.get("colorFields") && this.get("colorFields").length > 0), this.isDirty("emptyAs") && (this._checkEmpty = this.get("emptyAs") != null), this._checkDeepFeatures();
-  }
-  _checkDeepFeatures() {
-    const e = [];
-    h(["dateFields", "numericFields", "colorFields"], (t) => {
-      h(this.get(t, []), (s) => {
-        const i = s.split(".");
-        for (i.pop(); i.length > 0; )
-          e.push(i.join(".")), i.pop();
-      });
-    }), this._checkDeep = e.length > 0, this.setPrivate("deepFields", e);
-  }
-  /**
-   * Processess entire array of data.
-   *
-   * NOTE: calling this will modify original array!
-   */
-  processMany(e) {
-    a(e) && (this._checkDates || this._checkNumbers || this._checkColors || this._checkEmpty) && h(e, (t) => {
-      this.processRow(t);
-    });
-  }
-  /**
-   * Processes a row (object) of data.
-   *
-   * NOTE: calling this will modify values of the original object!
-   */
-  processRow(e, t = "") {
-    l(e, (s, i) => {
-      const r = t + s;
-      this._checkEmpty && (e[s] = this._maybeToEmpty(e[s])), this._checkNumbers && (e[s] = this._maybeToNumber(r, e[s])), this._checkDates && (e[s] = this._maybeToDate(r, e[s])), this._checkColors && (e[s] = this._maybeToColor(r, e[s])), this._checkDeep && this.getPrivate("deepFields", []).indexOf(r) !== -1 && n(e[s]) && this.processRow(e[s], r + ".");
-    });
-  }
-  _maybeToNumber(e, t) {
-    return this.get("numericFields").indexOf(e) !== -1 ? o(t) : t;
-  }
-  _maybeToDate(e, t) {
-    return this.get("dateFields").indexOf(e) !== -1 ? this._root.dateFormatter.parse(t, this.get("dateFormat", "")).getTime() : t;
-  }
-  _maybeToEmpty(e) {
-    return (e == null || e == "") && this.get("emptyAs") != null ? this.get("emptyAs") : e;
-  }
-  _maybeToColor(e, t) {
-    return this.get("colorFields").indexOf(e) !== -1 ? u.fromAny(t) : t;
-  }
-}
-export {
-  p as D
-};