@hybridcore/ui 1.6.5 → 1.6.7

package/dist/IconX-C2wmVYSK.js

@@ -0,0 +1,11 @@
+import { c as o } from "./createReactComponent-C7L-DMHj.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [["path", { d: "M18 6l-12 12", key: "svg-0" }], ["path", { d: "M6 6l12 12", key: "svg-1" }]], c = o("outline", "x", "X", t);
+export {
+  c as I
+};

package/dist/components/charts/_common/format.js

@@ -0,0 +1,55 @@
+const s = "—", l = (n) => new Intl.NumberFormat(
+  "en-US",
+  n === void 0 ? { maximumFractionDigits: 2 } : { minimumFractionDigits: n, maximumFractionDigits: n }
+), a = (n, e, c = s) => {
+  if (n == null || n === "") return c;
+  const i = Number(n);
+  if (Number.isNaN(i)) return String(n);
+  const r = l(e == null ? void 0 : e.decimals).format(i);
+  return `${(e == null ? void 0 : e.prefix) ?? ""}${r}${(e == null ? void 0 : e.suffix) ?? ""}`;
+}, b = (n) => {
+  if (!n) return;
+  const { prefix: e, suffix: c, decimals: i } = n;
+  if (e === void 0 && c === void 0 && i === void 0)
+    return;
+  const r = i === void 0 ? "#,###.##" : i <= 0 ? "#,##0" : `#,##0.${"0".repeat(i)}`, u = (o) => o ? `'${o.replace(/'/g, "")}'` : "";
+  return `${u(e)}${r}${u(c)}`;
+}, g = (n) => n && n.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), d = (n, e) => {
+  switch (e.op) {
+    case "lt":
+      return n < e.value;
+    case "lte":
+      return n <= e.value;
+    case "gt":
+      return n > e.value;
+    case "gte":
+      return n >= e.value;
+    case "eq":
+      return n === e.value;
+    case "neq":
+      return n !== e.value;
+    case "between":
+      return e.value2 !== void 0 && n >= e.value && n <= e.value2;
+    default:
+      return !1;
+  }
+}, t = (n) => n || void 0, v = (n, e) => {
+  const c = {
+    color: t(e == null ? void 0 : e.color),
+    backgroundColor: t(e == null ? void 0 : e.backgroundColor)
+  }, i = e == null ? void 0 : e.conditionalRules;
+  if (!(i != null && i.length)) return c;
+  const r = Number(n);
+  if (Number.isNaN(r)) return c;
+  const u = i.find((o) => d(r, o));
+  return u ? {
+    color: t(u.color) ?? c.color,
+    backgroundColor: t(u.backgroundColor) ?? c.backgroundColor
+  } : c;
+};
+export {
+  b as buildAmNumberFormat,
+  a as formatValue,
+  g as humanizeLabel,
+  v as resolveConditionalStyle
+};

package/dist/components/charts/_common/utils.js

@@ -1,5 +1,6 @@
-import { C as t, c as F } from "../../../ColorSet-C7vpNXhM.js";
-const c = [
+import { buildAmNumberFormat as t } from "./format.js";
+import { C as m, c as F } from "../../../ColorSet-C7vpNXhM.js";
+const a = [
   "#294D94",
   "#375F97",
   "#44729C",
@@ -10,11 +11,15 @@ const c = [
   "#9FCFBF",
   "#B9E1C9",
   "#D6F1D5"
-], C = (o, r = c) => t.new(o, {
-  colors: r.map((e) => F(e)),
+], u = (r, e = a) => m.new(r, {
+  colors: e.map((o) => F(o)),
   reuse: !0
-});
+}), c = (r, e) => {
+  const o = t(e);
+  o && (r.numberFormatter.set("numericFields", void 0), r.numberFormatter.set("numberFormat", o));
+};
 export {
-  c as DEFAULT_VIRIDIS_COOL,
-  C as colorSetFromPalette
+  a as DEFAULT_VIRIDIS_COOL,
+  c as applyValueFormat,
+  u as colorSetFromPalette
 };

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

@@ -1,27 +1,52 @@
-import { camelCase as d, uniqBy as f } from "lodash";
-const D = (i) => {
-  const t = /* @__PURE__ */ new Map(), s = [], r = [];
-  return i.forEach((a, n) => {
-    const m = a.label, o = (a.propertyId ?? d(a.label)) + n, c = [{ type: "date", value: "t" }];
-    s.push({
-      dataFieldName: o,
-      fieldName: o,
-      name: m,
+import { camelCase as d, uniqBy as y } from "lodash";
+const u = 864e5, M = [
+  { maxMs: 1.5 * 1e3, unit: "second" },
+  { maxMs: 1.5 * 6e4, unit: "minute" },
+  { maxMs: 1.5 * 36e5, unit: "hour" },
+  { maxMs: 1.5 * u, unit: "day" },
+  { maxMs: 10.5 * u, unit: "week" },
+  { maxMs: 45 * u, unit: "month" }
+], h = (s) => {
+  const a = [...s].filter((e) => typeof e == "number" && !Number.isNaN(e)).sort((e, t) => e - t);
+  let n = 1 / 0;
+  for (let e = 1; e < a.length; e++) {
+    const t = a[e] - a[e - 1];
+    t > 0 && t < n && (n = t);
+  }
+  if (!Number.isFinite(n)) return;
+  const o = M.find((e) => n <= e.maxMs);
+  return { timeUnit: o ? o.unit : "year", count: 1 };
+}, v = (s) => {
+  const a = /* @__PURE__ */ new Map(), n = [], o = [];
+  s.forEach((t, r) => {
+    const l = t.label, m = (t.propertyId ?? d(t.label)) + r, p = [{ type: "date", value: "t" }];
+    n.push({
+      dataFieldName: m,
+      fieldName: m,
+      name: l,
       operator: "count"
-    }), r.push(...c), a.type === "TIMESERIES" && Array.isArray(a.points) && a.points.forEach((l) => {
-      const e = l.t;
-      t.has(e) || t.set(e, { t: e });
-      const p = t.get(e);
-      p[o] = l.v;
+    }), o.push(...p), t.type === "TIMESERIES" && Array.isArray(t.points) && t.points.forEach((c) => {
+      const i = c.t;
+      a.has(i) || a.set(i, { t: i });
+      const f = a.get(i);
+      f[m] = c.v;
     });
-  }), {
-    data: Array.from(t.values()).sort(
-      (a, n) => new Date(a.t).getTime() - new Date(n.t).getTime()
-    ),
-    values: s,
-    dimensions: f(r, "value")
+  });
+  const e = Array.from(a.values()).sort(
+    (t, r) => new Date(t.t).getTime() - new Date(r.t).getTime()
+  );
+  return {
+    data: e,
+    values: n,
+    dimensions: y(o, "value"),
+    // SQL-query series carry no grain metadata, so infer it from the points'
+    // spacing — otherwise the axis falls back to a daily grain for monthly data.
+    baseInterval: h(
+      e.map((t) => new Date(t.t).getTime())
+    )
   };
 };
 export {
-  D as adaptTemporalData
+  v as adaptTemporalData,
+  h as inferBaseInterval
 };

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

@@ -1,49 +1,66 @@
-import { useThemeProps as v } from "@mui/material";
-import { useMemo as P } from "react";
-import { adaptTemporalData as C } from "./helpers.js";
-const M = (l) => {
-  const n = v({ props: l, name: "HCChartWrapper" }), {
-    title: m,
-    description: d,
-    type: c,
-    interval: i,
-    data: a = [],
+import { useThemeProps as P } from "@mui/material";
+import { useMemo as U } from "react";
+import { inferBaseInterval as w, adaptTemporalData as C } from "./helpers.js";
+const m = {
+  "1M": "month",
+  "1W": "week",
+  "1D": "day",
+  "1Y": "year"
+}, k = (c) => {
+  const p = P({ props: c, name: "HCChartWrapper" }), {
+    title: d,
+    description: f,
+    type: u,
+    interval: t,
+    data: r = [],
     dimensions: s = [],
-    values: p = [],
-    series: r = [],
-    loading: f = !1,
-    sx: u,
-    ...h
-  } = n, y = {
-    ...P(() => {
-      let t = { data: a, dimensions: s, values: p };
+    values: l = [],
+    series: a = [],
+    loading: h = !1,
+    sx: v,
+    ...T
+  } = p, g = {
+    ...U(() => {
+      let e = { data: r, dimensions: s, values: l };
       if (s.length > 0) {
-        const o = s.find((e) => e.type === "date");
-        if (o) {
-          let e = o.value.split("/")[1] || i || "day";
-          e === "1M" ? e = "month" : e === "1W" ? e = "week" : e === "1D" ? e = "day" : e === "1Y" && (e = "year"), t = {
-            ...t,
-            baseInterval: { timeUnit: e, count: 1 }
-          };
+        const n = s.find((o) => o.type === "date");
+        if (n) {
+          const o = n.value.split("/")[1] || t;
+          let i;
+          if (o)
+            i = {
+              timeUnit: m[o] ?? o,
+              count: 1
+            };
+          else {
+            const I = n.value;
+            i = w(
+              r.map((D) => new Date(D[I]).getTime())
+            ) ?? { timeUnit: "day", count: 1 };
+          }
+          e = { ...e, baseInterval: i };
         }
-      } else if (r.length > 0) {
-        const o = C(r);
-        t = { ...t, ...o };
+      } else if (a.length > 0) {
+        const n = C(a);
+        e = { ...e, ...n }, t && (e.baseInterval = {
+          timeUnit: m[t] ?? t,
+          count: 1
+        });
       }
-      return t;
-    }, [i, a, s, p, r]),
-    ...h
-  }, g = { ...n };
+      return e;
+    }, [t, r, s, l, a]),
+    ...T
+  }, y = { ...p };
   return {
-    title: m,
-    description: d,
-    type: c,
-    chartProps: y,
-    loading: f,
-    ownerState: g,
-    sx: u
+    title: d,
+    description: f,
+    type: u,
+    chartProps: g,
+    loading: h,
+    ownerState: y,
+    sx: v
   };
 };
 export {
-  M as useChartWrapperLogic
+  k as useChartWrapperLogic
 };

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

@@ -1,45 +1,46 @@
-import { R, A as B, T as p } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as I, useTheme as M } from "@mui/material";
-import F from "lodash";
-import { useId as z, useRef as P, useEffect as E } from "react";
-import { colorSetFromPalette as N } from "../_common/utils.js";
-import { c as i, p as V, a as X } from "../../../ColorSet-C7vpNXhM.js";
-import { X as W, V as q } from "../../../AxisRenderer-DTyLLA6c.js";
-import { S as H } from "../../../Scrollbar-D86MJyr2.js";
-import { D as U } from "../../../DateAxis-YX3QNIB-.js";
-import { A as k, a as _ } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as $ } from "../../../CategoryAxis-CwnfaGc8.js";
-import { C as j } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { D as C } from "../../../DataProcessor-CHDO51q4.js";
-import { L as G } from "../../../LineSeries-Uiv5o56b.js";
-import { B as J } from "../../../Bullet-DVczI2TD.js";
-import { C as K } from "../../../Circle-Cy5s-pVc.js";
-import { X as Q } from "../../../XYCursor-C8WktvKM.js";
-import { L as Z } from "../../../Legend-Dp_MKfS4.js";
-const ye = (b) => {
-  const f = I({ props: b, name: "HCColumnLineMix" }), {
+import { R as B, A as I, T as d } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as M, useTheme as P } from "@mui/material";
+import X from "lodash";
+import { useId as V, useRef as E, useEffect as N } from "react";
+import { humanizeLabel as k } from "../_common/format.js";
+import { colorSetFromPalette as W, applyValueFormat as q } from "../_common/utils.js";
+import { c as l, p as H, a as C } from "../../../ColorSet-C7vpNXhM.js";
+import { X as U, V as _ } from "../../../AxisRenderer-DTyLLA6c.js";
+import { S as $ } from "../../../Scrollbar-D86MJyr2.js";
+import { D as j } from "../../../DateAxis-YX3QNIB-.js";
+import { A as b, a as G } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as J } from "../../../CategoryAxis-CwnfaGc8.js";
+import { C as K } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { D as L } from "../../../DataProcessor-CHDO51q4.js";
+import { L as Q } from "../../../LineSeries-Uiv5o56b.js";
+import { B as Z } from "../../../Bullet-DVczI2TD.js";
+import { C as ee } from "../../../Circle-Cy5s-pVc.js";
+import { X as te } from "../../../XYCursor-C8WktvKM.js";
+import { L as re } from "../../../Legend-Dp_MKfS4.js";
+const ke = (T) => {
+  const h = M({ props: T, name: "HCColumnLineMix" }), {
     dimensions: t,
-    values: h,
-    data: n,
-    initDelay: L = 0,
-    baseInterval: T,
+    values: n,
+    data: p,
+    initDelay: Y = 0,
+    baseInterval: D,
     colors: g,
-    sx: Y,
-    ...D
-  } = f, a = M(), x = `hc-column-line-mix-${z().replace(/:/g, "")}`, d = P(null), w = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
-  E(() => {
+    sx: S,
+    ...O
+  } = h, a = P(), x = `hc-column-line-mix-${V().replace(/:/g, "")}`, c = E(null), w = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
+  N(() => {
     if (w) return;
     let u;
     return u = setTimeout(() => {
-      var v, y, A;
-      const e = R.new(x);
-      d.current = e, e.setThemes([B.new(e)]), e.interfaceColors.setAll({
-        text: i(a.palette.text.primary),
-        grid: i(a.palette.divider),
-        stroke: i(a.palette.divider)
+      var y, A, v, F;
+      const e = B.new(x);
+      c.current = e, e.setThemes([I.new(e)]), e.interfaceColors.setAll({
+        text: l(a.palette.text.primary),
+        grid: l(a.palette.divider),
+        stroke: l(a.palette.divider)
       });
       const r = e.container.children.push(
-        W.new(e, {
+        U.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -48,76 +49,76 @@ const ye = (b) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", N(e, g)), r.get("colors", {}).set("step", 3), r.set(
+      r.set("colors", W(e, g)), r.get("colors", {}).set("step", 3), r.set(
         "scrollbarX",
-        H.new(e, { orientation: "horizontal" })
+        $.new(e, { orientation: "horizontal" })
       );
-      let s, l = n;
-      t[0].type === "date" ? (l = F.orderBy(n, [t[0].value]), s = r.xAxes.push(
-        U.new(e, {
+      let s, m = p;
+      t[0].type === "date" ? (m = X.orderBy(p, [t[0].value]), s = r.xAxes.push(
+        j.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: T || { timeUnit: "day", count: 1 },
-          renderer: k.new(e, {}),
-          tooltip: p.new(e, {})
+          baseInterval: D || { timeUnit: "day", count: 1 },
+          renderer: b.new(e, {}),
+          tooltip: d.new(e, {})
         })
-      ), (v = s.get("renderer")) == null || v.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      ), (y = s.get("renderer")) == null || y.grid.template.setAll({
+        stroke: l(a.palette.divider),
         strokeOpacity: 1
       })) : (s = r.xAxes.push(
-        $.new(e, {
+        J.new(e, {
           categoryField: t[0].value,
-          renderer: k.new(e, {}),
-          tooltip: p.new(e, {})
+          renderer: b.new(e, {}),
+          tooltip: d.new(e, {})
         })
-      ), (y = s.get("renderer")) == null || y.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      ), (A = s.get("renderer")) == null || A.grid.template.setAll({
+        stroke: l(a.palette.divider),
         strokeOpacity: 1
       }), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), l = F.orderBy(n, [t[0].value]), s.data.setAll(l));
-      const c = r.yAxes.push(
-        q.new(e, {
+      }), m = X.orderBy(p, [t[0].value]), s.data.setAll(m));
+      const f = r.yAxes.push(
+        _.new(e, {
           min: 0,
           extraMax: 0.1,
-          renderer: _.new(e, { strokeOpacity: 0.1 })
+          renderer: G.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (A = c.get("renderer")) == null || A.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      (v = f.get("renderer")) == null || v.grid.template.setAll({
+        stroke: l(a.palette.divider),
         strokeOpacity: 1
-      }), h.forEach((m, O) => {
-        if (O === 0) {
+      }), n.forEach((i, z) => {
+        if (z === 0) {
           const o = r.series.push(
-            j.new(e, {
-              name: m.name,
+            K.new(e, {
+              name: i.label ?? k(i.name),
               xAxis: s,
-              yAxis: c,
-              valueYField: m.dataFieldName,
+              yAxis: f,
+              valueYField: i.dataFieldName,
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-              tooltip: p.new(e, {
+              tooltip: d.new(e, {
                 pointerOrientation: "horizontal",
                 labelText: "{name} in {categoryX}: {valueY} {info}"
               })
             })
           );
           o.columns.template.setAll({
-            tooltipY: V(10),
+            tooltipY: H(10),
             templateField: "columnSettings"
-          }), t[0].type === "date" && (o.data.processor = C.new(e, {
+          }), t[0].type === "date" && (o.data.processor = L.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), o.data.setAll(l), o.appear();
+          })), o.data.setAll(m), o.appear();
         } else {
           const o = r.series.push(
-            G.new(e, {
-              name: m.name,
+            Q.new(e, {
+              name: i.label ?? k(i.name),
               xAxis: s,
-              yAxis: c,
-              valueYField: m.dataFieldName,
+              yAxis: f,
+              valueYField: i.dataFieldName,
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-              tooltip: p.new(e, {
+              tooltip: d.new(e, {
                 pointerOrientation: "horizontal",
                 labelText: "{name} in {categoryX}: {valueY} {info}"
               })
@@ -126,12 +127,12 @@ const ye = (b) => {
           o.strokes.template.setAll({
             strokeWidth: 3,
             templateField: "strokeSettings"
-          }), t[0].type === "date" && (o.data.processor = C.new(e, {
+          }), t[0].type === "date" && (o.data.processor = L.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), o.data.setAll(l), o.bullets.push(function() {
-            return J.new(e, {
-              sprite: K.new(e, {
+          })), o.data.setAll(m), o.bullets.push(function() {
+            return Z.new(e, {
+              sprite: ee.new(e, {
                 strokeWidth: 3,
                 stroke: o.get("stroke"),
                 radius: 5,
@@ -140,20 +141,20 @@ const ye = (b) => {
             });
           });
         }
-      }), r.set("cursor", Q.new(e, {})), r.children.push(
-        Z.new(e, {
-          centerX: X,
-          x: X
+      }), r.set("cursor", te.new(e, {})), r.children.push(
+        re.new(e, {
+          centerX: C,
+          x: C
         })
-      ).data.setAll(r.series.values), r.appear(1e3, 100);
-    }, L), () => {
+      ).data.setAll(r.series.values), q(e, (F = n == null ? void 0 : n[0]) == null ? void 0 : F.format), r.appear(1e3, 100);
+    }, Y), () => {
       var e;
-      u && clearTimeout(u), (e = d.current) == null || e.dispose(), d.current = null;
+      u && clearTimeout(u), (e = c.current) == null || e.dispose(), c.current = null;
     };
-  }, [n, t, h, a.palette.mode, g]);
-  const S = { ...f };
-  return { chartId: x, ownerState: S, sx: Y, error: w, other: D };
+  }, [p, t, n, a.palette.mode, g]);
+  const R = { ...h };
+  return { chartId: x, ownerState: R, sx: S, error: w, other: O };
 };
 export {
-  ye as useColumnLineMixLogic
+  ke as useColumnLineMixLogic
 };

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

@@ -1,66 +1,67 @@
-import { R as w, A as x } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as A, useTheme as C } from "@mui/material";
-import D from "dayjs";
-import { useId as P, useRef as R, useEffect as F } from "react";
-import { colorSetFromPalette as L } from "../_common/utils.js";
-import { P as I, a as S } from "../../../PieSeries-B2fW3z0s.js";
+import { R as x, A } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as C, useTheme as D } from "@mui/material";
+import F from "dayjs";
+import { useId as P, useRef as R, useEffect as L } from "react";
+import { applyValueFormat as I, colorSetFromPalette as S } from "../_common/utils.js";
+import { P as E, a as j } from "../../../PieSeries-B2fW3z0s.js";
 import { p as m, c as u } from "../../../ColorSet-C7vpNXhM.js";
-import { L as E } from "../../../Legend-Dp_MKfS4.js";
-const G = (Y) => {
-  const d = A({ props: Y, name: "HCDonutChart" }), {
+import { L as k } from "../../../Legend-Dp_MKfS4.js";
+const J = (v) => {
+  const d = C({ props: v, name: "HCDonutChart" }), {
     dimensions: t,
-    values: a,
+    values: o,
     data: n,
-    initDelay: v = 0,
+    initDelay: y = 0,
     colors: p,
-    sx: y,
-    ...M
-  } = d, o = C(), f = `hc-donut-chart-${P().replace(/:/g, "")}`, i = R(null);
-  let r = null;
-  t.length < 1 ? r = "Missing dimensions config!" : a.length < 1 && (r = "Missing values config!"), F(() => {
-    if (r) return;
+    sx: M,
+    ...T
+  } = d, r = D(), f = `hc-donut-chart-${P().replace(/:/g, "")}`, i = R(null);
+  let s = null;
+  t.length < 1 ? s = "Missing dimensions config!" : o.length < 1 && (s = "Missing values config!"), L(() => {
+    if (s) return;
     let l;
     return l = setTimeout(() => {
-      const e = w.new(f);
-      i.current = e, e.setThemes([x.new(e)]);
+      var g;
+      const e = x.new(f);
+      i.current = e, I(e, (g = o == null ? void 0 : o[0]) == null ? void 0 : g.format), e.setThemes([A.new(e)]);
       const h = e.container.children.push(
-        I.new(e, {
+        E.new(e, {
           layout: e.verticalLayout,
           innerRadius: m(50)
         })
       );
       e.interfaceColors.setAll({
-        text: u(o.palette.text.primary),
-        grid: u(o.palette.divider),
-        stroke: u(o.palette.divider)
+        text: u(r.palette.text.primary),
+        grid: u(r.palette.divider),
+        stroke: u(r.palette.divider)
       });
-      const s = h.series.push(
-        S.new(e, {
-          valueField: a[0].dataFieldName,
+      const a = h.series.push(
+        j.new(e, {
+          valueField: o[0].dataFieldName,
           categoryField: t[0].value
         })
       );
-      s.set("colors", L(e, p)), t[0].type === "date" && n.forEach((g) => {
+      a.set("colors", S(e, p)), t[0].type === "date" && n.forEach((Y) => {
         let c = "YYYY";
-        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), g[t[0].value] = D(g[t[0].value]).format(
+        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), Y[t[0].value] = F(Y[t[0].value]).format(
           c
         );
-      }), s.data.setAll(n), h.children.push(
-        E.new(e, {
+      }), a.data.setAll(n), h.children.push(
+        k.new(e, {
           centerX: m(50),
           x: m(50),
           marginTop: 15,
           marginBottom: 15
         })
-      ).data.setAll(s.dataItems), s.appear(1e3, 100);
-    }, v), () => {
+      ).data.setAll(a.dataItems), a.appear(1e3, 100);
+    }, y), () => {
       var e;
       l && clearTimeout(l), (e = i.current) == null || e.dispose(), i.current = null;
     };
-  }, [n, t, a, o.palette.mode, p]);
-  const T = { ...d };
-  return { chartId: f, ownerState: T, sx: y, error: r, other: M };
+  }, [n, t, o, r.palette.mode, p]);
+  const w = { ...d };
+  return { chartId: f, ownerState: w, sx: M, error: s, other: T };
 };
 export {
-  G as useDonutChartLogic
+  J as useDonutChartLogic
 };