@hybridcore/ui 1.6.11 → 1.6.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AnimatedTheme-D3VZKKNV.js → AnimatedTheme-ktdO3Bel.js} +6 -6
- package/dist/{AxisRenderer-Doyw-FTI.js → AxisRenderer-BCQoUJw6.js} +6 -6
- package/dist/{AxisRendererY-BylCU67e.js → AxisRendererY-AXWvGU6r.js} +3 -3
- package/dist/{Bullet-C6357hTv.js → Bullet-Djj7Vs9T.js} +1 -1
- package/dist/{Button-DGOT8RcT.js → Button-BLY4PVJC.js} +3 -3
- package/dist/{CategoryAxis-B5uTZjhL.js → CategoryAxis-B6NqW8qd.js} +3 -3
- package/dist/{Circle-DhzVdFBd.js → Circle-BnfBNKBD.js} +1 -1
- package/dist/{ColorSet-DGLMpbL3.js → ColorSet-cyPmWGwh.js} +1 -1
- package/dist/{ColumnSeries-CqJ-563p.js → ColumnSeries-CtRTsn-E.js} +28 -28
- package/dist/{DateAxis-lJZjbAS-.js → DateAxis-DEXKps1S.js} +4 -4
- package/dist/{Entity-4Lr2piVN.js → Entity-BJCuhdq_.js} +14 -14
- package/dist/GaplessDateAxis-B2g2jgSG.js +376 -0
- package/dist/{Hierarchy-DPEcTr0v.js → Hierarchy-CEOK8Gzh.js} +4 -4
- package/dist/{Legend-CTb6rZz_.js → Legend-CFvQiIfn.js} +4 -4
- package/dist/{LineSeries-Dg1aytHA.js → LineSeries-D_IL2qGF.js} +4 -4
- package/dist/{LinearGradient-D1hzMjaW.js → LinearGradient-CxQyCSEB.js} +2 -2
- package/dist/{PieSeries-C9YUWMnA.js → PieSeries-CMH0Z7pz.js} +8 -8
- package/dist/{RoundedRectangle-B23Oh_r6.js → RoundedRectangle-BKLX1LKM.js} +2 -2
- package/dist/{Scrollbar-CSoXoZSe.js → Scrollbar-CTI7_8Qw.js} +4 -4
- package/dist/{Slice-CIP7Vmzu.js → Slice-BUncQh1B.js} +11 -11
- package/dist/{Tick-CRu6rQQy.js → Tick--VhF0xlz.js} +2 -2
- package/dist/{Tooltip-RhAldW7s.js → Tooltip-vyZRZWih.js} +1 -1
- package/dist/{XYCursor-Z-Ral42q.js → XYCursor-CVUSpqb9.js} +3 -3
- package/dist/{ZoomableContainer-D1laxHnA.js → ZoomableContainer-Ca_pDVYQ.js} +2 -2
- package/dist/components/charts/_common/tooltip.js +2 -2
- package/dist/components/charts/_common/utils.js +2 -2
- package/dist/components/charts/candlestick/logic.js +34 -35
- package/dist/components/charts/column-line-mix/logic.js +40 -41
- package/dist/components/charts/donut-chart/logic.js +4 -4
- package/dist/components/charts/drill-down-treemap/logic.js +5 -5
- package/dist/components/charts/drill-down-voronoi-treemap/logic.js +5 -5
- package/dist/components/charts/forecast-cone/logic.js +134 -120
- package/dist/components/charts/heatmap/logic.js +9 -9
- package/dist/components/charts/highlighting-line-data/logic.js +10 -10
- package/dist/components/charts/line/logic.js +19 -20
- package/dist/components/charts/logaritmic-scale/logic.js +30 -31
- package/dist/components/charts/multiple-value-axes/logic.js +18 -19
- package/dist/components/charts/nested-pie/logic.js +3 -3
- package/dist/components/charts/packed-circles/logic.js +7 -7
- package/dist/components/charts/pie-chart/logic.js +4 -4
- package/dist/components/charts/stacked-area-radar/logic.js +9 -9
- package/dist/components/charts/stacked-column-chart/logic.js +10 -10
- package/dist/components/charts/xy-chart/logic.js +28 -29
- package/dist/components/metric-card/MetricChart.js +9 -9
- package/dist/main.d.ts +13 -0
- package/package.json +1 -1
- package/dist/DataProcessor-WXzhvIg6.js +0 -83
- package/dist/GaplessDateAxis-DowssQ6y.js +0 -296
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
import { R as Y, A as R } from "../../../AnimatedTheme-
|
|
1
|
+
import { R as Y, A as R } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as E, useTheme as I } from "@mui/material";
|
|
3
3
|
import F from "lodash";
|
|
4
4
|
import { useId as G, useRef as O, useEffect as P } from "react";
|
|
5
5
|
import { humanizeLabel as V } from "../_common/format.js";
|
|
6
6
|
import { attachCombinedAxisTooltip as q } from "../_common/tooltip.js";
|
|
7
7
|
import { colorSetFromPalette as z, applyValueFormat as B } from "../_common/utils.js";
|
|
8
|
-
import { c as i } from "../../../Entity-
|
|
9
|
-
import { X as H, V as N } from "../../../AxisRenderer-
|
|
10
|
-
import { X as U } from "../../../XYCursor-
|
|
11
|
-
import { A as X, a as W } from "../../../AxisRendererY-
|
|
12
|
-
import { C as Z } from "../../../CategoryAxis-
|
|
13
|
-
import { L as _ } from "../../../LineSeries-
|
|
14
|
-
import { D as
|
|
15
|
-
import { S as
|
|
16
|
-
import {
|
|
17
|
-
|
|
18
|
-
const xe = (k) => {
|
|
8
|
+
import { c as i } from "../../../Entity-BJCuhdq_.js";
|
|
9
|
+
import { X as H, V as N } from "../../../AxisRenderer-BCQoUJw6.js";
|
|
10
|
+
import { X as U } from "../../../XYCursor-CVUSpqb9.js";
|
|
11
|
+
import { A as X, a as W } from "../../../AxisRendererY-AXWvGU6r.js";
|
|
12
|
+
import { C as Z } from "../../../CategoryAxis-B6NqW8qd.js";
|
|
13
|
+
import { L as _ } from "../../../LineSeries-D_IL2qGF.js";
|
|
14
|
+
import { D as $, G as j } from "../../../GaplessDateAxis-B2g2jgSG.js";
|
|
15
|
+
import { S as J } from "../../../Scrollbar-CTI7_8Qw.js";
|
|
16
|
+
import { D as K } from "../../../DateAxis-DEXKps1S.js";
|
|
17
|
+
const Ae = (k) => {
|
|
19
18
|
const f = E({ props: k, name: "HCLogaritmicScale" }), {
|
|
20
19
|
dimensions: t,
|
|
21
20
|
values: s,
|
|
@@ -26,7 +25,7 @@ const xe = (k) => {
|
|
|
26
25
|
skipEmptyDates: x = !1,
|
|
27
26
|
sx: C,
|
|
28
27
|
...L
|
|
29
|
-
} = f,
|
|
28
|
+
} = f, a = I(), g = `hc-logaritmic-scale-${G().replace(/:/g, "")}`, d = O(null);
|
|
30
29
|
let m = null;
|
|
31
30
|
t.length < 1 ? m = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (m = "LogaritmicScale requires at least 1 value"), P(() => {
|
|
32
31
|
if (m) return;
|
|
@@ -35,9 +34,9 @@ const xe = (k) => {
|
|
|
35
34
|
var v, w, D, b;
|
|
36
35
|
const e = Y.new(g);
|
|
37
36
|
d.current = e, e.setThemes([R.new(e)]), e.interfaceColors.setAll({
|
|
38
|
-
text: i(
|
|
39
|
-
grid: i(
|
|
40
|
-
stroke: i(
|
|
37
|
+
text: i(a.palette.text.primary),
|
|
38
|
+
grid: i(a.palette.divider),
|
|
39
|
+
stroke: i(a.palette.divider)
|
|
41
40
|
});
|
|
42
41
|
const r = e.container.children.push(
|
|
43
42
|
H.new(e, {
|
|
@@ -53,23 +52,23 @@ const xe = (k) => {
|
|
|
53
52
|
"cursor",
|
|
54
53
|
U.new(e, { behavior: "none" })
|
|
55
54
|
).lineY.set("visible", !1);
|
|
56
|
-
let
|
|
55
|
+
let o, p = n;
|
|
57
56
|
if (t[0].type === "date") {
|
|
58
57
|
p = F.orderBy(n, [t[0].value]);
|
|
59
|
-
const l = x ?
|
|
60
|
-
|
|
58
|
+
const l = x ? j : K;
|
|
59
|
+
o = r.xAxes.push(
|
|
61
60
|
l.new(e, {
|
|
62
61
|
maxDeviation: 0.1,
|
|
63
62
|
groupData: !1,
|
|
64
63
|
baseInterval: h || { timeUnit: "day", count: 1 },
|
|
65
64
|
renderer: X.new(e, {})
|
|
66
65
|
})
|
|
67
|
-
), (v =
|
|
68
|
-
stroke: i(
|
|
66
|
+
), (v = o.get("renderer")) == null || v.grid.template.setAll({
|
|
67
|
+
stroke: i(a.palette.divider),
|
|
69
68
|
strokeOpacity: 1
|
|
70
69
|
});
|
|
71
70
|
} else
|
|
72
|
-
|
|
71
|
+
o = r.xAxes.push(
|
|
73
72
|
Z.new(e, {
|
|
74
73
|
categoryField: t[0].value,
|
|
75
74
|
renderer: X.new(e, {})
|
|
@@ -77,8 +76,8 @@ const xe = (k) => {
|
|
|
77
76
|
), e.numberFormatter.setAll({
|
|
78
77
|
numberFormat: "#",
|
|
79
78
|
numericFields: ["valueX"]
|
|
80
|
-
}), p = F.orderBy(n, [t[0].value]),
|
|
81
|
-
stroke: i(
|
|
79
|
+
}), p = F.orderBy(n, [t[0].value]), o.data.setAll(p), (w = o.get("renderer")) == null || w.grid.template.setAll({
|
|
80
|
+
stroke: i(a.palette.divider),
|
|
82
81
|
strokeOpacity: 1
|
|
83
82
|
});
|
|
84
83
|
const y = r.yAxes.push(
|
|
@@ -88,13 +87,13 @@ const xe = (k) => {
|
|
|
88
87
|
})
|
|
89
88
|
);
|
|
90
89
|
(D = y.get("renderer")) == null || D.grid.template.setAll({
|
|
91
|
-
stroke: i(
|
|
90
|
+
stroke: i(a.palette.divider),
|
|
92
91
|
strokeOpacity: 1
|
|
93
92
|
}), s.forEach((l) => {
|
|
94
93
|
const c = r.series.push(
|
|
95
94
|
_.new(e, {
|
|
96
95
|
name: l.label ?? V(l.name),
|
|
97
|
-
xAxis:
|
|
96
|
+
xAxis: o,
|
|
98
97
|
yAxis: y,
|
|
99
98
|
valueYField: l.dataFieldName,
|
|
100
99
|
...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
|
|
@@ -107,23 +106,23 @@ const xe = (k) => {
|
|
|
107
106
|
}), q({
|
|
108
107
|
root: e,
|
|
109
108
|
chart: r,
|
|
110
|
-
xAxis:
|
|
111
|
-
theme:
|
|
109
|
+
xAxis: o,
|
|
110
|
+
theme: a,
|
|
112
111
|
isDateAxis: t[0].type === "date",
|
|
113
112
|
baseInterval: h,
|
|
114
113
|
follow: !0
|
|
115
114
|
}), r.set(
|
|
116
115
|
"scrollbarX",
|
|
117
|
-
|
|
116
|
+
J.new(e, { orientation: "horizontal" })
|
|
118
117
|
), B(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
|
|
119
118
|
}, S), () => {
|
|
120
119
|
var e;
|
|
121
120
|
u && clearTimeout(u), (e = d.current) == null || e.dispose(), d.current = null;
|
|
122
121
|
};
|
|
123
|
-
}, [n, t, s,
|
|
122
|
+
}, [n, t, s, a.palette.mode, A, x]);
|
|
124
123
|
const T = { ...f };
|
|
125
124
|
return { chartId: g, ownerState: T, sx: C, error: m, other: L };
|
|
126
125
|
};
|
|
127
126
|
export {
|
|
128
|
-
|
|
127
|
+
Ae as useLogaritmicScaleLogic
|
|
129
128
|
};
|
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
import { R as j, A as q } from "../../../AnimatedTheme-
|
|
1
|
+
import { R as j, A as q } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as z, useTheme as U } from "@mui/material";
|
|
3
3
|
import D from "lodash";
|
|
4
4
|
import { useId as H, useRef as $, useEffect as J } from "react";
|
|
5
5
|
import { humanizeLabel as P } from "../_common/format.js";
|
|
6
6
|
import { attachCombinedAxisTooltip as K } from "../_common/tooltip.js";
|
|
7
7
|
import { colorSetFromPalette as Q, applyValueFormat as Z } from "../_common/utils.js";
|
|
8
|
-
import { c as C, a as A } from "../../../Entity-
|
|
9
|
-
import { X as ee, V as te } from "../../../AxisRenderer-
|
|
10
|
-
import { L as re } from "../../../Legend-
|
|
11
|
-
import { A as X, a as se } from "../../../AxisRendererY-
|
|
12
|
-
import { C as ae } from "../../../CategoryAxis-
|
|
13
|
-
import { X as ie } from "../../../XYCursor-
|
|
14
|
-
import { G as oe } from "../../../GaplessDateAxis-
|
|
15
|
-
import { D as
|
|
16
|
-
import { L as
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { B as pe } from "../../../Bullet-C6357hTv.js";
|
|
8
|
+
import { c as C, a as A } from "../../../Entity-BJCuhdq_.js";
|
|
9
|
+
import { X as ee, V as te } from "../../../AxisRenderer-BCQoUJw6.js";
|
|
10
|
+
import { L as re } from "../../../Legend-CFvQiIfn.js";
|
|
11
|
+
import { A as X, a as se } from "../../../AxisRendererY-AXWvGU6r.js";
|
|
12
|
+
import { C as ae } from "../../../CategoryAxis-B6NqW8qd.js";
|
|
13
|
+
import { X as ie } from "../../../XYCursor-CVUSpqb9.js";
|
|
14
|
+
import { G as oe, D as le } from "../../../GaplessDateAxis-B2g2jgSG.js";
|
|
15
|
+
import { D as ne } from "../../../DateAxis-DEXKps1S.js";
|
|
16
|
+
import { L as ce } from "../../../LineSeries-D_IL2qGF.js";
|
|
17
|
+
import { G, R as me } from "../../../Tooltip-vyZRZWih.js";
|
|
18
|
+
import { C as ue } from "../../../Circle-BnfBNKBD.js";
|
|
19
|
+
import { B as pe } from "../../../Bullet-Djj7Vs9T.js";
|
|
21
20
|
class y extends G {
|
|
22
21
|
_beforeChanged() {
|
|
23
22
|
super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
|
|
@@ -45,7 +44,7 @@ Object.defineProperty(y, "classNames", {
|
|
|
45
44
|
writable: !0,
|
|
46
45
|
value: G.classNames.concat([y.className])
|
|
47
46
|
});
|
|
48
|
-
const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"],
|
|
47
|
+
const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Xe = (T) => {
|
|
49
48
|
const n = z({ props: T, name: "HCMultipleValueAxes" }), {
|
|
50
49
|
dimensions: s,
|
|
51
50
|
values: t,
|
|
@@ -85,7 +84,7 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
|
|
|
85
84
|
), o = s[0];
|
|
86
85
|
let c, p = d;
|
|
87
86
|
if (o.type === "date") {
|
|
88
|
-
const a = E ? oe :
|
|
87
|
+
const a = E ? oe : ne;
|
|
89
88
|
c = r.xAxes.push(
|
|
90
89
|
a.new(e, {
|
|
91
90
|
maxDeviation: 0.1,
|
|
@@ -110,7 +109,7 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
|
|
|
110
109
|
);
|
|
111
110
|
r.yAxes.indexOf(v) > 0 && v.set("syncWithAxis", r.yAxes.getIndex(0));
|
|
112
111
|
const i = r.series.push(
|
|
113
|
-
|
|
112
|
+
ce.new(e, {
|
|
114
113
|
name: l,
|
|
115
114
|
xAxis: c,
|
|
116
115
|
yAxis: v,
|
|
@@ -122,7 +121,7 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
|
|
|
122
121
|
stroke: i.get("fill"),
|
|
123
122
|
strokeOpacity: 1,
|
|
124
123
|
opacity: 1
|
|
125
|
-
}), M === "date" && (i.data.processor =
|
|
124
|
+
}), M === "date" && (i.data.processor = le.new(e, {
|
|
126
125
|
dateFormat: "i",
|
|
127
126
|
dateFields: [m]
|
|
128
127
|
})), k !== void 0 && i.bullets.push(function() {
|
|
@@ -194,5 +193,5 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
|
|
|
194
193
|
return { chartId: _, ownerState: B, sx: Y, error: h, other: V };
|
|
195
194
|
};
|
|
196
195
|
export {
|
|
197
|
-
|
|
196
|
+
Xe as useMultipleValueAxesLogic
|
|
198
197
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { R as S, A as E } from "../../../AnimatedTheme-
|
|
1
|
+
import { R as S, A as E } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as L, useTheme as j } from "@mui/material";
|
|
3
3
|
import q from "dayjs";
|
|
4
4
|
import T from "lodash";
|
|
5
5
|
import { useId as B, useRef as H, useEffect as I } from "react";
|
|
6
6
|
import { applyValueFormat as W, colorSetFromPalette as O } from "../_common/utils.js";
|
|
7
|
-
import { c as n, p as o } from "../../../Entity-
|
|
8
|
-
import { P as V, a as N } from "../../../PieSeries-
|
|
7
|
+
import { c as n, p as o } from "../../../Entity-BJCuhdq_.js";
|
|
8
|
+
import { P as V, a as N } from "../../../PieSeries-CMH0Z7pz.js";
|
|
9
9
|
const Z = (b) => {
|
|
10
10
|
const g = L({ props: b, name: "HCNestedPie" }), {
|
|
11
11
|
dimensions: a,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { R as X, A as I } from "../../../AnimatedTheme-
|
|
1
|
+
import { R as X, A as I } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as ee } from "@mui/material";
|
|
3
3
|
import te from "dayjs";
|
|
4
4
|
import { useId as re, useRef as ne, useEffect as ie } from "react";
|
|
5
5
|
import { applyValueFormat as se, colorSetFromPalette as oe } from "../_common/utils.js";
|
|
6
|
-
import { Z as U } from "../../../ZoomableContainer-
|
|
7
|
-
import { M as ae, m as ue, e as le, b as q } from "../../../Entity-
|
|
8
|
-
import { C as $, G as A, a as ce, b as he } from "../../../Tooltip-
|
|
9
|
-
import { B as O } from "../../../Button-
|
|
10
|
-
import { H as J } from "../../../Hierarchy-
|
|
11
|
-
import { C as fe } from "../../../Circle-
|
|
6
|
+
import { Z as U } from "../../../ZoomableContainer-Ca_pDVYQ.js";
|
|
7
|
+
import { M as ae, m as ue, e as le, b as q } from "../../../Entity-BJCuhdq_.js";
|
|
8
|
+
import { C as $, G as A, a as ce, b as he } from "../../../Tooltip-vyZRZWih.js";
|
|
9
|
+
import { B as O } from "../../../Button-BLY4PVJC.js";
|
|
10
|
+
import { H as J } from "../../../Hierarchy-CEOK8Gzh.js";
|
|
11
|
+
import { C as fe } from "../../../Circle-BnfBNKBD.js";
|
|
12
12
|
import { o as de, c as z, a as me } from "../../../constant-BiOGvlZc.js";
|
|
13
13
|
class j extends $ {
|
|
14
14
|
constructor() {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { R as w, A } from "../../../AnimatedTheme-
|
|
1
|
+
import { R as w, A } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as C, useTheme as F } from "@mui/material";
|
|
3
3
|
import L from "dayjs";
|
|
4
4
|
import { useId as R, useRef as D, useEffect as I } from "react";
|
|
5
5
|
import { applyValueFormat as S, colorSetFromPalette as b } from "../_common/utils.js";
|
|
6
|
-
import { P as E, a as N } from "../../../PieSeries-
|
|
7
|
-
import { c as m, p as v } from "../../../Entity-
|
|
8
|
-
import { L as j } from "../../../Legend-
|
|
6
|
+
import { P as E, a as N } from "../../../PieSeries-CMH0Z7pz.js";
|
|
7
|
+
import { c as m, p as v } from "../../../Entity-BJCuhdq_.js";
|
|
8
|
+
import { L as j } from "../../../Legend-CFvQiIfn.js";
|
|
9
9
|
const K = (y) => {
|
|
10
10
|
const p = C({ props: y, name: "HCPieChart" }), {
|
|
11
11
|
dimensions: t,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as me, s as ae, R as Ae, A as pe } from "../../../AnimatedTheme-
|
|
1
|
+
import { T as me, s as ae, R as Ae, A as pe } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as xe, useTheme as ve } from "@mui/material";
|
|
3
3
|
import ye from "dayjs";
|
|
4
4
|
import U from "lodash";
|
|
@@ -6,14 +6,14 @@ import { useId as be, useRef as Pe, useEffect as Re } from "react";
|
|
|
6
6
|
import { humanizeLabel as _e } from "../_common/format.js";
|
|
7
7
|
import { attachCombinedAxisTooltip as we } from "../_common/tooltip.js";
|
|
8
8
|
import { applyValueFormat as Te, colorSetFromPalette as Ce } from "../_common/utils.js";
|
|
9
|
-
import { m as M,
|
|
10
|
-
import { a as E, X as ue, V as Me } from "../../../AxisRenderer-
|
|
11
|
-
import { a as W, b as q, h as c, c as h, s as g, C as De, G as $, g as re, m as Ye, n as D, D as L, f as ne, i as le } from "../../../Tooltip-
|
|
12
|
-
import { R as de, S as Ne, a as I } from "../../../Slice-
|
|
13
|
-
import { X as he } from "../../../XYCursor-
|
|
14
|
-
import { C as oe } from "../../../CategoryAxis-
|
|
15
|
-
import { L as ge } from "../../../LineSeries-
|
|
16
|
-
import { L as Oe } from "../../../Legend-
|
|
9
|
+
import { m as M, t as R, b as J, f as m, p as w, a as N, P as Le, c as Y } from "../../../Entity-BJCuhdq_.js";
|
|
10
|
+
import { a as E, X as ue, V as Me } from "../../../AxisRenderer-BCQoUJw6.js";
|
|
11
|
+
import { a as W, b as q, h as c, c as h, s as g, C as De, G as $, g as re, m as Ye, n as D, D as L, f as ne, i as le } from "../../../Tooltip-vyZRZWih.js";
|
|
12
|
+
import { R as de, S as Ne, a as I } from "../../../Slice-BUncQh1B.js";
|
|
13
|
+
import { X as he } from "../../../XYCursor-CVUSpqb9.js";
|
|
14
|
+
import { C as oe } from "../../../CategoryAxis-B6NqW8qd.js";
|
|
15
|
+
import { L as ge } from "../../../LineSeries-D_IL2qGF.js";
|
|
16
|
+
import { L as Oe } from "../../../Legend-CFvQiIfn.js";
|
|
17
17
|
class O extends de {
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments), Object.defineProperty(this, "_tickPoints", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as V, A as q } from "../../../AnimatedTheme-
|
|
1
|
+
import { R as V, A as q } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as I, useTheme as N } from "@mui/material";
|
|
3
3
|
import P from "dayjs";
|
|
4
4
|
import v from "lodash";
|
|
@@ -6,15 +6,15 @@ import { useId as z, useRef as H, useEffect as _ } from "react";
|
|
|
6
6
|
import { humanizeLabel as $ } from "../_common/format.js";
|
|
7
7
|
import { attachCombinedAxisTooltip as G } from "../_common/tooltip.js";
|
|
8
8
|
import { applyValueFormat as J, colorSetFromPalette as K } from "../_common/utils.js";
|
|
9
|
-
import { c as p, a as h, p as Q } from "../../../Entity-
|
|
10
|
-
import { X as W, V as Z } from "../../../AxisRenderer-
|
|
11
|
-
import { A as ee, a as te } from "../../../AxisRendererY-
|
|
12
|
-
import { C as D } from "../../../CategoryAxis-
|
|
13
|
-
import { L as re } from "../../../Legend-
|
|
14
|
-
import { X as oe } from "../../../XYCursor-
|
|
15
|
-
import { C as ae } from "../../../ColumnSeries-
|
|
16
|
-
import { B as se } from "../../../Bullet-
|
|
17
|
-
import { L as ne } from "../../../Tooltip-
|
|
9
|
+
import { c as p, a as h, p as Q } from "../../../Entity-BJCuhdq_.js";
|
|
10
|
+
import { X as W, V as Z } from "../../../AxisRenderer-BCQoUJw6.js";
|
|
11
|
+
import { A as ee, a as te } from "../../../AxisRendererY-AXWvGU6r.js";
|
|
12
|
+
import { C as D } from "../../../CategoryAxis-B6NqW8qd.js";
|
|
13
|
+
import { L as re } from "../../../Legend-CFvQiIfn.js";
|
|
14
|
+
import { X as oe } from "../../../XYCursor-CVUSpqb9.js";
|
|
15
|
+
import { C as ae } from "../../../ColumnSeries-CtRTsn-E.js";
|
|
16
|
+
import { B as se } from "../../../Bullet-Djj7Vs9T.js";
|
|
17
|
+
import { L as ne } from "../../../Tooltip-vyZRZWih.js";
|
|
18
18
|
const Xe = (L) => {
|
|
19
19
|
const C = I({
|
|
20
20
|
props: L,
|
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
import { R as P, A as V } from "../../../AnimatedTheme-
|
|
1
|
+
import { R as P, A as V } from "../../../AnimatedTheme-ktdO3Bel.js";
|
|
2
2
|
import { useThemeProps as W, useTheme as z } from "@mui/material";
|
|
3
3
|
import k from "lodash";
|
|
4
4
|
import { useId as N, useRef as j, useEffect as H } from "react";
|
|
5
5
|
import { humanizeLabel as F } from "../_common/format.js";
|
|
6
6
|
import { attachCombinedAxisTooltip as M } from "../_common/tooltip.js";
|
|
7
7
|
import { colorSetFromPalette as U, applyValueFormat as _ } from "../_common/utils.js";
|
|
8
|
-
import { c
|
|
9
|
-
import { X as q, V as J } from "../../../AxisRenderer-
|
|
10
|
-
import { L as K } from "../../../Legend-
|
|
11
|
-
import { A as L, a as Q } from "../../../AxisRendererY-
|
|
12
|
-
import { C as Z } from "../../../CategoryAxis-
|
|
13
|
-
import { T as ee, R as te, L as re } from "../../../Tooltip-
|
|
14
|
-
import { X as oe } from "../../../XYCursor-
|
|
15
|
-
import { G as ae } from "../../../GaplessDateAxis-
|
|
16
|
-
import { D as
|
|
17
|
-
import { C as
|
|
18
|
-
import {
|
|
19
|
-
|
|
20
|
-
const Le = (R) => {
|
|
8
|
+
import { c, a as x, p as $ } from "../../../Entity-BJCuhdq_.js";
|
|
9
|
+
import { X as q, V as J } from "../../../AxisRenderer-BCQoUJw6.js";
|
|
10
|
+
import { L as K } from "../../../Legend-CFvQiIfn.js";
|
|
11
|
+
import { A as L, a as Q } from "../../../AxisRendererY-AXWvGU6r.js";
|
|
12
|
+
import { C as Z } from "../../../CategoryAxis-B6NqW8qd.js";
|
|
13
|
+
import { T as ee, R as te, L as re } from "../../../Tooltip-vyZRZWih.js";
|
|
14
|
+
import { X as oe } from "../../../XYCursor-CVUSpqb9.js";
|
|
15
|
+
import { G as ae, D as se } from "../../../GaplessDateAxis-B2g2jgSG.js";
|
|
16
|
+
import { D as ie } from "../../../DateAxis-DEXKps1S.js";
|
|
17
|
+
import { C as ne } from "../../../ColumnSeries-CtRTsn-E.js";
|
|
18
|
+
import { B as le } from "../../../Bullet-Djj7Vs9T.js";
|
|
19
|
+
const Fe = (R) => {
|
|
21
20
|
const A = W({ props: R, name: "HCXYChart" }), {
|
|
22
21
|
dimensions: p,
|
|
23
22
|
values: n,
|
|
@@ -36,9 +35,9 @@ const Le = (R) => {
|
|
|
36
35
|
var T, X, Y;
|
|
37
36
|
const e = P.new(b);
|
|
38
37
|
u.current = e, e.setThemes([V.new(e)]), e.interfaceColors.setAll({
|
|
39
|
-
text:
|
|
40
|
-
grid:
|
|
41
|
-
stroke:
|
|
38
|
+
text: c(i.palette.text.primary),
|
|
39
|
+
grid: c(i.palette.divider),
|
|
40
|
+
stroke: c(i.palette.divider)
|
|
42
41
|
});
|
|
43
42
|
const r = e.container.children.push(
|
|
44
43
|
q.new(e, {
|
|
@@ -58,16 +57,16 @@ const Le = (R) => {
|
|
|
58
57
|
x
|
|
59
58
|
})
|
|
60
59
|
), a = p[0];
|
|
61
|
-
let o,
|
|
60
|
+
let o, m = d;
|
|
62
61
|
if (a.type === "date") {
|
|
63
|
-
const t = w ? ae :
|
|
62
|
+
const t = w ? ae : ie;
|
|
64
63
|
o = r.xAxes.push(
|
|
65
64
|
t.new(e, {
|
|
66
65
|
maxDeviation: 0,
|
|
67
66
|
baseInterval: y || { timeUnit: "day", count: 1 },
|
|
68
67
|
renderer: L.new(e, { minGridDistance: 60 })
|
|
69
68
|
})
|
|
70
|
-
),
|
|
69
|
+
), m = k.orderBy(d, [a.value]);
|
|
71
70
|
} else {
|
|
72
71
|
const t = L.new(e, {
|
|
73
72
|
cellStartLocation: 0.1,
|
|
@@ -90,7 +89,7 @@ const Le = (R) => {
|
|
|
90
89
|
s.set(
|
|
91
90
|
"background",
|
|
92
91
|
te.new(e, {
|
|
93
|
-
fill:
|
|
92
|
+
fill: c(0),
|
|
94
93
|
fillOpacity: 0
|
|
95
94
|
})
|
|
96
95
|
);
|
|
@@ -99,7 +98,7 @@ const Le = (R) => {
|
|
|
99
98
|
}), e.numberFormatter.setAll({
|
|
100
99
|
numberFormat: "#",
|
|
101
100
|
numericFields: ["valueX"]
|
|
102
|
-
}), o.data.setAll(
|
|
101
|
+
}), o.data.setAll(m);
|
|
103
102
|
}
|
|
104
103
|
const D = r.yAxes.push(
|
|
105
104
|
J.new(e, {
|
|
@@ -107,15 +106,15 @@ const Le = (R) => {
|
|
|
107
106
|
})
|
|
108
107
|
);
|
|
109
108
|
(T = o.get("renderer")) == null || T.grid.template.setAll({
|
|
110
|
-
stroke:
|
|
109
|
+
stroke: c(i.palette.divider),
|
|
111
110
|
strokeOpacity: 1
|
|
112
111
|
}), (X = D.get("renderer")) == null || X.grid.template.setAll({
|
|
113
|
-
stroke:
|
|
112
|
+
stroke: c(i.palette.divider),
|
|
114
113
|
strokeOpacity: 1
|
|
115
114
|
});
|
|
116
115
|
function C(t, s, h, I) {
|
|
117
116
|
const l = r.series.push(
|
|
118
|
-
|
|
117
|
+
ne.new(e, {
|
|
119
118
|
name: t,
|
|
120
119
|
xAxis: o,
|
|
121
120
|
yAxis: D,
|
|
@@ -126,7 +125,7 @@ const Le = (R) => {
|
|
|
126
125
|
l.columns.template.setAll({
|
|
127
126
|
width: $(90),
|
|
128
127
|
strokeOpacity: 0
|
|
129
|
-
}), a.type === "date" && (l.data.processor =
|
|
128
|
+
}), a.type === "date" && (l.data.processor = se.new(e, {
|
|
130
129
|
dateFormat: "i",
|
|
131
130
|
dateFields: [h]
|
|
132
131
|
})), l.data.setAll(s), l.appear(), l.bullets.push(function() {
|
|
@@ -146,13 +145,13 @@ const Le = (R) => {
|
|
|
146
145
|
n.forEach((t) => {
|
|
147
146
|
C(
|
|
148
147
|
t.label ?? F(t.name),
|
|
149
|
-
|
|
148
|
+
m,
|
|
150
149
|
a.value,
|
|
151
150
|
t.dataFieldName
|
|
152
151
|
);
|
|
153
152
|
});
|
|
154
153
|
else {
|
|
155
|
-
const t = k.groupBy(
|
|
154
|
+
const t = k.groupBy(m, p[1].value);
|
|
156
155
|
Object.keys(t).forEach((s) => {
|
|
157
156
|
C(
|
|
158
157
|
F(s),
|
|
@@ -183,5 +182,5 @@ const Le = (R) => {
|
|
|
183
182
|
return { chartId: b, ownerState: S, sx: B, error: v, other: E };
|
|
184
183
|
};
|
|
185
184
|
export {
|
|
186
|
-
|
|
185
|
+
Fe as useXYChartLogic
|
|
187
186
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
-
import { R as u, A } from "../../AnimatedTheme-
|
|
2
|
+
import { R as u, A } from "../../AnimatedTheme-ktdO3Bel.js";
|
|
3
3
|
import { useTheme as g, alpha as v } from "@mui/material";
|
|
4
4
|
import { useRef as w, useLayoutEffect as x } from "react";
|
|
5
|
-
import { X as y, V as R } from "../../AxisRenderer-
|
|
6
|
-
import { C as L } from "../../CategoryAxis-
|
|
7
|
-
import { A as T, a as b } from "../../AxisRendererY-
|
|
8
|
-
import { T as X } from "../../Tooltip-
|
|
9
|
-
import { C } from "../../ColumnSeries-
|
|
10
|
-
import { c as a } from "../../Entity-
|
|
11
|
-
import { L as Y } from "../../LineSeries-
|
|
12
|
-
import { L as F } from "../../LinearGradient-
|
|
5
|
+
import { X as y, V as R } from "../../AxisRenderer-BCQoUJw6.js";
|
|
6
|
+
import { C as L } from "../../CategoryAxis-B6NqW8qd.js";
|
|
7
|
+
import { A as T, a as b } from "../../AxisRendererY-AXWvGU6r.js";
|
|
8
|
+
import { T as X } from "../../Tooltip-vyZRZWih.js";
|
|
9
|
+
import { C } from "../../ColumnSeries-CtRTsn-E.js";
|
|
10
|
+
import { c as a } from "../../Entity-BJCuhdq_.js";
|
|
11
|
+
import { L as Y } from "../../LineSeries-D_IL2qGF.js";
|
|
12
|
+
import { L as F } from "../../LinearGradient-CxQyCSEB.js";
|
|
13
13
|
const z = ({
|
|
14
14
|
data: o,
|
|
15
15
|
type: p,
|
package/dist/main.d.ts
CHANGED
|
@@ -751,6 +751,19 @@ export declare interface ForecastConeChartProps {
|
|
|
751
751
|
nowValue?: number | string;
|
|
752
752
|
/** Band/centre hue (theme token or CSS color). Defaults to a theme token. */
|
|
753
753
|
color?: string;
|
|
754
|
+
/**
|
|
755
|
+
* History line behaviour across missing dates. `true` (default) bridges gaps
|
|
756
|
+
* (and connects the history end to the cone apex); `false` breaks the line
|
|
757
|
+
* wherever a history point is missing and drops the bridge to the forecast.
|
|
758
|
+
* Affects the history series only — the bands/centre are contiguous.
|
|
759
|
+
*/
|
|
760
|
+
connectMissingData?: boolean;
|
|
761
|
+
/**
|
|
762
|
+
* When `true`, the date axis drops intervals with no data (`GaplessDateAxis`),
|
|
763
|
+
* so only dates with values are shown. Default `false` keeps the continuous
|
|
764
|
+
* timeline.
|
|
765
|
+
*/
|
|
766
|
+
skipEmptyDates?: boolean;
|
|
754
767
|
baseInterval?: BaseInterval;
|
|
755
768
|
chartId?: string;
|
|
756
769
|
height?: string | number;
|
package/package.json
CHANGED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { E as c, e as h, h as a, j as l, t as o, C as u, l as n } from "./Entity-4Lr2piVN.js";
|
|
2
|
-
class p extends c {
|
|
3
|
-
constructor() {
|
|
4
|
-
super(...arguments), Object.defineProperty(this, "_checkDates", {
|
|
5
|
-
enumerable: !0,
|
|
6
|
-
configurable: !0,
|
|
7
|
-
writable: !0,
|
|
8
|
-
value: !1
|
|
9
|
-
}), Object.defineProperty(this, "_checkNumbers", {
|
|
10
|
-
enumerable: !0,
|
|
11
|
-
configurable: !0,
|
|
12
|
-
writable: !0,
|
|
13
|
-
value: !1
|
|
14
|
-
}), Object.defineProperty(this, "_checkColors", {
|
|
15
|
-
enumerable: !0,
|
|
16
|
-
configurable: !0,
|
|
17
|
-
writable: !0,
|
|
18
|
-
value: !1
|
|
19
|
-
}), Object.defineProperty(this, "_checkEmpty", {
|
|
20
|
-
enumerable: !0,
|
|
21
|
-
configurable: !0,
|
|
22
|
-
writable: !0,
|
|
23
|
-
value: !1
|
|
24
|
-
}), Object.defineProperty(this, "_checkDeep", {
|
|
25
|
-
enumerable: !0,
|
|
26
|
-
configurable: !0,
|
|
27
|
-
writable: !0,
|
|
28
|
-
value: !1
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
_afterNew() {
|
|
32
|
-
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());
|
|
33
|
-
}
|
|
34
|
-
_checkFeatures() {
|
|
35
|
-
(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();
|
|
36
|
-
}
|
|
37
|
-
_checkDeepFeatures() {
|
|
38
|
-
const e = [];
|
|
39
|
-
h(["dateFields", "numericFields", "colorFields"], (t) => {
|
|
40
|
-
h(this.get(t, []), (s) => {
|
|
41
|
-
const i = s.split(".");
|
|
42
|
-
for (i.pop(); i.length > 0; )
|
|
43
|
-
e.push(i.join(".")), i.pop();
|
|
44
|
-
});
|
|
45
|
-
}), this._checkDeep = e.length > 0, this.setPrivate("deepFields", e);
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Processess entire array of data.
|
|
49
|
-
*
|
|
50
|
-
* NOTE: calling this will modify original array!
|
|
51
|
-
*/
|
|
52
|
-
processMany(e) {
|
|
53
|
-
a(e) && (this._checkDates || this._checkNumbers || this._checkColors || this._checkEmpty) && h(e, (t) => {
|
|
54
|
-
this.processRow(t);
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Processes a row (object) of data.
|
|
59
|
-
*
|
|
60
|
-
* NOTE: calling this will modify values of the original object!
|
|
61
|
-
*/
|
|
62
|
-
processRow(e, t = "") {
|
|
63
|
-
l(e, (s, i) => {
|
|
64
|
-
const r = t + s;
|
|
65
|
-
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 + ".");
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
_maybeToNumber(e, t) {
|
|
69
|
-
return this.get("numericFields").indexOf(e) !== -1 ? o(t) : t;
|
|
70
|
-
}
|
|
71
|
-
_maybeToDate(e, t) {
|
|
72
|
-
return this.get("dateFields").indexOf(e) !== -1 ? this._root.dateFormatter.parse(t, this.get("dateFormat", "")).getTime() : t;
|
|
73
|
-
}
|
|
74
|
-
_maybeToEmpty(e) {
|
|
75
|
-
return (e == null || e == "") && this.get("emptyAs") != null ? this.get("emptyAs") : e;
|
|
76
|
-
}
|
|
77
|
-
_maybeToColor(e, t) {
|
|
78
|
-
return this.get("colorFields").indexOf(e) !== -1 ? u.fromAny(t) : t;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
export {
|
|
82
|
-
p as D
|
|
83
|
-
};
|