@pie-lib/graphing 5.0.2-next.20261007001636 → 5.0.2-next.20261007021359
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/axis/axes.js +44 -43
- package/package.json +7 -6
package/dist/axis/axes.js
CHANGED
|
@@ -8,22 +8,23 @@ import * as l from "@pie-lib/render-ui";
|
|
|
8
8
|
import { Readable as u, color as d } from "@pie-lib/render-ui";
|
|
9
9
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
10
10
|
import { styled as m } from "@mui/material/styles";
|
|
11
|
+
import { sanitizeModelHtml as h } from "@pie-element/shared-utils";
|
|
11
12
|
//#region src/axis/axes.tsx
|
|
12
|
-
function
|
|
13
|
+
function g(e) {
|
|
13
14
|
return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
|
|
14
15
|
}
|
|
15
|
-
function
|
|
16
|
-
return !e ||
|
|
16
|
+
function _(e, t) {
|
|
17
|
+
return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
|
|
17
18
|
}
|
|
18
|
-
var
|
|
19
|
+
var v = _(u, "Readable") || _(x.Readable, "Readable"), y = l, b = y.default, x = b && typeof b == "object" ? b : y, S = {
|
|
19
20
|
includeArrows: s.object,
|
|
20
21
|
graphProps: s.object
|
|
21
|
-
},
|
|
22
|
+
}, C = { includeArrows: {
|
|
22
23
|
left: !0,
|
|
23
24
|
right: !0,
|
|
24
25
|
up: !0,
|
|
25
26
|
down: !0
|
|
26
|
-
} },
|
|
27
|
+
} }, w = m(t)(() => ({ fill: d.defaults.PRIMARY })), T = m("div")(({ theme: e, centered: t }) => ({
|
|
27
28
|
padding: 0,
|
|
28
29
|
margin: 0,
|
|
29
30
|
"* > *": {
|
|
@@ -33,7 +34,7 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
33
34
|
"& p": { margin: 0 },
|
|
34
35
|
fontSize: e.typography.fontSize,
|
|
35
36
|
...t && { textAlign: "center" }
|
|
36
|
-
})),
|
|
37
|
+
})), E = m("g")(() => ({
|
|
37
38
|
"& .visx-axis-line": {
|
|
38
39
|
stroke: d.defaults.PRIMARY,
|
|
39
40
|
strokeWidth: 3
|
|
@@ -42,31 +43,31 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
42
43
|
fill: d.defaults.PRIMARY,
|
|
43
44
|
"& line": { stroke: d.defaults.PRIMARY }
|
|
44
45
|
}
|
|
45
|
-
})),
|
|
46
|
+
})), D = {
|
|
46
47
|
fontFamily: "Roboto",
|
|
47
48
|
fontSize: "14px",
|
|
48
49
|
cursor: "inherit"
|
|
49
|
-
},
|
|
50
|
+
}, O = (e, t, n, r, i, a) => {
|
|
50
51
|
let o = [];
|
|
51
52
|
return e === t && n - i < r && r < n + i && n - i < a && a < n + i && o.push(e), o;
|
|
52
|
-
},
|
|
53
|
+
}, k = (e) => (e || []).find((e) => e < 0), A = class extends o.Component {
|
|
53
54
|
static propTypes = {
|
|
54
|
-
...
|
|
55
|
+
...S,
|
|
55
56
|
graphProps: c.GraphPropsType.isRequired
|
|
56
57
|
};
|
|
57
|
-
static defaultProps =
|
|
58
|
+
static defaultProps = C;
|
|
58
59
|
render() {
|
|
59
|
-
let { includeArrows: t, graphProps: a, columnTicksValues: o, skipValues: s, distanceFromOriginToFirstNegativeY: c, dy: l } = this.props, { scale: u, domain: d, size: m, range:
|
|
60
|
+
let { includeArrows: t, graphProps: a, columnTicksValues: o, skipValues: s, distanceFromOriginToFirstNegativeY: c, dy: l } = this.props, { scale: u, domain: d, size: m, range: g } = a || {}, _ = (e) => {
|
|
60
61
|
let t = s && s[0] === e ? c + 4 : l;
|
|
61
62
|
return {
|
|
62
|
-
...
|
|
63
|
+
...D,
|
|
63
64
|
textAnchor: "middle",
|
|
64
65
|
y: t,
|
|
65
66
|
dx: e === 0 ? -10 : 0,
|
|
66
67
|
dy: e === 0 ? -7 : 0
|
|
67
68
|
};
|
|
68
|
-
},
|
|
69
|
-
return /* @__PURE__ */ p(
|
|
69
|
+
}, y = r(d.axisLabel), b = n(i(d.axisLabel)) + 2;
|
|
70
|
+
return /* @__PURE__ */ p(E, { children: [
|
|
70
71
|
/* @__PURE__ */ f(e, {
|
|
71
72
|
scale: u.x,
|
|
72
73
|
top: u.y(0),
|
|
@@ -74,17 +75,17 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
74
75
|
label: d.label,
|
|
75
76
|
rangePadding: 8,
|
|
76
77
|
tickFormat: (e) => e,
|
|
77
|
-
tickLabelProps:
|
|
78
|
+
tickLabelProps: _,
|
|
78
79
|
tickValues: o,
|
|
79
|
-
hideZero: !(d.labelStep ||
|
|
80
|
+
hideZero: !(d.labelStep || g.labelStep) && d.min <= 0
|
|
80
81
|
}),
|
|
81
|
-
t && t.left && /* @__PURE__ */ f(
|
|
82
|
+
t && t.left && /* @__PURE__ */ f(w, {
|
|
82
83
|
direction: "left",
|
|
83
84
|
x: d.min,
|
|
84
85
|
y: 0,
|
|
85
86
|
scale: u
|
|
86
87
|
}),
|
|
87
|
-
t && t.right && /* @__PURE__ */ f(
|
|
88
|
+
t && t.right && /* @__PURE__ */ f(w, {
|
|
88
89
|
direction: "right",
|
|
89
90
|
x: d.max,
|
|
90
91
|
y: 0,
|
|
@@ -93,24 +94,24 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
93
94
|
d.axisLabel && /* @__PURE__ */ f("foreignObject", {
|
|
94
95
|
x: m.width + 17,
|
|
95
96
|
y: u.y(0) - 9,
|
|
96
|
-
width:
|
|
97
|
-
height: 20 *
|
|
98
|
-
children: /* @__PURE__ */ f(
|
|
97
|
+
width: b,
|
|
98
|
+
height: 20 * y,
|
|
99
|
+
children: /* @__PURE__ */ f(v, {
|
|
99
100
|
false: !0,
|
|
100
|
-
children: /* @__PURE__ */ f(
|
|
101
|
+
children: /* @__PURE__ */ f(T, { dangerouslySetInnerHTML: { __html: h(d.axisLabel) } })
|
|
101
102
|
})
|
|
102
103
|
})
|
|
103
104
|
] });
|
|
104
105
|
}
|
|
105
|
-
},
|
|
106
|
+
}, j = A, M = class extends o.Component {
|
|
106
107
|
static propTypes = {
|
|
107
|
-
...
|
|
108
|
+
...S,
|
|
108
109
|
graphProps: c.GraphPropsType.isRequired
|
|
109
110
|
};
|
|
110
|
-
static defaultProps =
|
|
111
|
+
static defaultProps = C;
|
|
111
112
|
render() {
|
|
112
113
|
let { includeArrows: t, graphProps: r, skipValues: i, rowTickValues: a } = this.props, { scale: o, range: s, size: c } = r || {}, l = s.axisLabel ? n(s.axisLabel.length) : 0;
|
|
113
|
-
return /* @__PURE__ */ p(
|
|
114
|
+
return /* @__PURE__ */ p(E, { children: [
|
|
114
115
|
/* @__PURE__ */ f(e, {
|
|
115
116
|
orientation: "left",
|
|
116
117
|
scale: o.y,
|
|
@@ -125,7 +126,7 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
125
126
|
tickLabelProps: (e) => {
|
|
126
127
|
let t = e.toLocaleString().replace(/[.-]/g, "").length || 1;
|
|
127
128
|
return {
|
|
128
|
-
...
|
|
129
|
+
...D,
|
|
129
130
|
dy: 4,
|
|
130
131
|
dx: -10 - t * 9,
|
|
131
132
|
"data-pie-readable": !1
|
|
@@ -135,13 +136,13 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
135
136
|
tickTextAnchor: "bottom",
|
|
136
137
|
tickValues: a
|
|
137
138
|
}),
|
|
138
|
-
t && t.down && /* @__PURE__ */ f(
|
|
139
|
+
t && t.down && /* @__PURE__ */ f(w, {
|
|
139
140
|
direction: "down",
|
|
140
141
|
x: 0,
|
|
141
142
|
y: s.min,
|
|
142
143
|
scale: o
|
|
143
144
|
}),
|
|
144
|
-
t && t.up && /* @__PURE__ */ f(
|
|
145
|
+
t && t.up && /* @__PURE__ */ f(w, {
|
|
145
146
|
direction: "up",
|
|
146
147
|
x: 0,
|
|
147
148
|
y: s.max,
|
|
@@ -152,29 +153,29 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
152
153
|
y: -33,
|
|
153
154
|
width: l,
|
|
154
155
|
height: "20",
|
|
155
|
-
children: /* @__PURE__ */ f(
|
|
156
|
+
children: /* @__PURE__ */ f(v, {
|
|
156
157
|
false: !0,
|
|
157
|
-
children: /* @__PURE__ */ f(
|
|
158
|
+
children: /* @__PURE__ */ f(T, {
|
|
158
159
|
centered: !0,
|
|
159
|
-
dangerouslySetInnerHTML: { __html: s.axisLabel }
|
|
160
|
+
dangerouslySetInnerHTML: { __html: h(s.axisLabel) }
|
|
160
161
|
})
|
|
161
162
|
})
|
|
162
163
|
})
|
|
163
164
|
] });
|
|
164
165
|
}
|
|
165
|
-
},
|
|
166
|
+
}, N = M, P = class extends o.Component {
|
|
166
167
|
static propTypes = {
|
|
167
|
-
...
|
|
168
|
+
...S,
|
|
168
169
|
graphProps: c.GraphPropsType.isRequired
|
|
169
170
|
};
|
|
170
|
-
static defaultProps =
|
|
171
|
+
static defaultProps = C;
|
|
171
172
|
xValues = () => {
|
|
172
173
|
let { graphProps: e } = this.props, { scale: t, domain: n } = e || {};
|
|
173
174
|
if (!n || !t) return;
|
|
174
175
|
let r = a({
|
|
175
176
|
...n,
|
|
176
177
|
step: n.labelStep
|
|
177
|
-
}), i =
|
|
178
|
+
}), i = k(r);
|
|
178
179
|
return {
|
|
179
180
|
columnTicksValues: r,
|
|
180
181
|
firstNegativeX: i,
|
|
@@ -187,7 +188,7 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
187
188
|
let r = a({
|
|
188
189
|
...n,
|
|
189
190
|
step: n.labelStep
|
|
190
|
-
}), i =
|
|
191
|
+
}), i = k(r);
|
|
191
192
|
return {
|
|
192
193
|
rowTickValues: r,
|
|
193
194
|
firstNegativeY: i,
|
|
@@ -195,14 +196,14 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
195
196
|
};
|
|
196
197
|
};
|
|
197
198
|
render() {
|
|
198
|
-
let { graphProps: e } = this.props, { domain: t, range: n } = e || {}, { columnTicksValues: r, firstNegativeX: i, distanceFromOriginToFirstNegativeX: a } = this.xValues(), { rowTickValues: o, firstNegativeY: s, distanceFromOriginToFirstNegativeY: c } = this.yValues(), l =
|
|
199
|
-
return /* @__PURE__ */ p(
|
|
199
|
+
let { graphProps: e } = this.props, { domain: t, range: n } = e || {}, { columnTicksValues: r, firstNegativeX: i, distanceFromOriginToFirstNegativeX: a } = this.xValues(), { rowTickValues: o, firstNegativeY: s, distanceFromOriginToFirstNegativeY: c } = this.yValues(), l = O(i, s, a, c, 6, 25);
|
|
200
|
+
return /* @__PURE__ */ p(E, { children: [n.min <= 0 ? /* @__PURE__ */ f(j, {
|
|
200
201
|
...this.props,
|
|
201
202
|
skipValues: l,
|
|
202
203
|
columnTicksValues: r,
|
|
203
204
|
distanceFromOriginToFirstNegativeY: c,
|
|
204
205
|
dy: 25
|
|
205
|
-
}) : null, t.min <= 0 ? /* @__PURE__ */ f(
|
|
206
|
+
}) : null, t.min <= 0 ? /* @__PURE__ */ f(N, {
|
|
206
207
|
...this.props,
|
|
207
208
|
skipValues: l,
|
|
208
209
|
rowTickValues: o,
|
|
@@ -211,4 +212,4 @@ var _ = g(u, "Readable") || g(b.Readable, "Readable"), v = l, y = v.default, b =
|
|
|
211
212
|
}
|
|
212
213
|
};
|
|
213
214
|
//#endregion
|
|
214
|
-
export {
|
|
215
|
+
export { S as AxisPropTypes, A as RawXAxis, M as RawYAxis, P as default, k as firstNegativeValue, O as sharedValues };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/graphing",
|
|
3
|
-
"version": "5.0.2-next.
|
|
3
|
+
"version": "5.0.2-next.20261007021359",
|
|
4
4
|
"description": "Graphing components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -14,11 +14,12 @@
|
|
|
14
14
|
"@mapbox/point-geometry": "^1.1.0",
|
|
15
15
|
"@mui/icons-material": "^7.3.4",
|
|
16
16
|
"@mui/material": "^7.3.4",
|
|
17
|
-
"@pie-
|
|
18
|
-
"@pie-lib/
|
|
17
|
+
"@pie-element/shared-utils": "0.2.0-next.20261007021359",
|
|
18
|
+
"@pie-lib/drag": "5.0.2-next.20261007021359",
|
|
19
|
+
"@pie-lib/editable-html-tip-tap": "3.0.2-next.20261007021359",
|
|
19
20
|
"@pie-lib/graphing-utils": "4.0.2-next.20261006160832",
|
|
20
|
-
"@pie-lib/plot": "5.0.2-next.
|
|
21
|
-
"@pie-lib/render-ui": "8.0.2-next.
|
|
21
|
+
"@pie-lib/plot": "5.0.2-next.20261007021359",
|
|
22
|
+
"@pie-lib/render-ui": "8.0.2-next.20261007021359",
|
|
22
23
|
"@pie-lib/translator": "5.0.2-next.20261006160832",
|
|
23
24
|
"@visx/axis": "^4.0.0",
|
|
24
25
|
"@visx/clip-path": "^4.0.0",
|
|
@@ -38,7 +39,7 @@
|
|
|
38
39
|
"redux": "^5.0.1",
|
|
39
40
|
"redux-undo": "^1.1.0",
|
|
40
41
|
"@pie-element/shared-lodash": "0.1.3-next.20261006160832",
|
|
41
|
-
"@pie-lib/config-ui": "14.0.2-next.
|
|
42
|
+
"@pie-lib/config-ui": "14.0.2-next.20261007021359",
|
|
42
43
|
"@dnd-kit/core": "^6.3.1",
|
|
43
44
|
"@dnd-kit/utilities": "^3.2.2",
|
|
44
45
|
"clsx": "^2.1.1",
|